Skip to content

Instantly share code, notes, and snippets.

@qgustavor
Last active September 2, 2015 17:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save qgustavor/cdfd7fbc7a4aa76e920a to your computer and use it in GitHub Desktop.
Save qgustavor/cdfd7fbc7a4aa76e920a to your computer and use it in GitHub Desktop.
Fiddle (uses service worker as server replacement)
<!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
<title>Shoutbox test</title>
<script>
if(location.hostname !== 'localhost' && location.protocol === 'http:') {
location = location.href.replace('http:', 'https:');
} else if (localStorage.shouldBeLoaded) {
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('message')
.innerHTML = 'Service Worker failed silently. Reload to try again.';
localStorage.shouldBeLoaded = '';
});
} else if(navigator.serviceWorker) {
navigator.serviceWorker.register('loader.js', {scope:'.'}) // it was / because I copyed code from qgustavor/wshp.tk
.then(function () {
document.getElementById('message')
.innerHTML = 'This page will reload now in other to finish registration';
localStorage.shouldBeLoaded = true;
location.href = '';
}, function(err){
document.getElementById('message')
.innerHTML = 'Your browser supports Service Workers, but <strong>registration failed</strong>';
throw err; /* on Chrome it shows in the console */
});
} else {
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('message')
.innerHTML = "If you're seeing this then maybe your<br>browser <strong>don't support Service Workers</strong>.";
});
}
</script>
<style>/* based on Google error pages */
*{margin:0;padding:0}
html{font:15px/22px sans-serif;background:#03A9F4;color:#222;padding:15px;text-align:center;}
body{background:#FFF;margin:7% auto 0;max-width:500px;padding:30px;border-radius:3px}
p{margin:11px 0 22px}
strong{color:#111}
</style>
<h1>Shoutbox test</h1>
<p id="message">The page is loading, please <noscript>enable JavaScript, reload and </noscript>wait a little.
// This script come from the original shoutbox implementation:
// <!--
function klappe(id)
{
var klappText = document.getElementById('k' + id);
var klappBild = document.getElementById('pic' + id);
if (klappText.style.display == 'none') {
klappText.style.display = 'block';
}
else {
klappText.style.display = 'none';
}
}
function klappe_news(id)
{
var klappText = document.getElementById('k' + id);
var klappBild = document.getElementById('pic' + id);
if (klappText.style.display == 'none') {
klappText.style.display = 'block';
klappBild.src = 'images/minus.gif';
}
else {
klappText.style.display = 'none';
klappBild.src = 'images/plus.gif';
}
}
function klappe_torrent(id)
{
var klappText = document.getElementById('k' + id);
var klappBild = document.getElementById('pic' + id);
if (klappText.style.display == 'none') {
klappText.style.display = 'block';
klappBild.src = 'images/minus.gif';
}
else {
klappText.style.display = 'none';
klappBild.src = 'images/plus.gif';
}
}
function getCookie(name)
{
var i, x, y, cookies = document.cookie.split(';');
for (i = 0; i < cookies.length; i++)
{
x = cookies[i].substr(0, cookies[i].indexOf('='));
y = cookies[i].substr(cookies[i].indexOf('='));
x = x.replace(/^\s+|\s+$/g, '');
if (x == name)
{
return unescape(y.substr(1,5));
}
}
return null;
}
function setCookie(name, value, expire)
{
var expiry = new Date();
expiry.setDate(expiry.getDate() + expire);
var values = escape(value) + ((expiry == null) ? '' : '; expires=' + expiry.toUTCString());
document.cookie = name + '=' + values;
}
var checked = false;
function checkAll(form)
{
if (checked == false)
checked = true;
else
checked = false;
var length = document.getElementById(form).elements.length;
for ( i = 0; i < length; i++ )
{
document.getElementById(form).elements[i].checked = checked;
}
}
function toggleChecked(state)
{
var x = document.getElementsByTagName('input');
for ( i = 0; i < x.length; i++ )
{
if ( x[i].type == 'checkbox' )
{
x[i].checked = state;
}
}
}
function toggleDisplay(id)
{
var x = document.getElementById(id);
if ( x.style.display == '' )
x.style.display = 'none';
else
x.style.display = '';
}
function toggleTemplate(x)
{
var y = true;
if ( x.form.usetemplate.selectedIndex == 0 )
y = false;
x.form.subject.disabled = y;
x.form.msg.disabled = y;
x.form.draft.disabled = y;
x.form.template.disabled = y;
}
function read(id)
{
var x = document.getElementById('msg_' + id);
var y = document.getElementById('img_' + id);
if ( x.style.display == '' )
{
x.style.display = 'none';
y.src = 'images/plus.gif';
}
else
{
x.style.display = '';
y.src = 'images/minus.gif';
}
}
function SmileIT(smile,form,text)
{
document.forms[form].elements[text].value = document.forms[form].elements[text].value+" "+smile+" ";
document.forms[form].elements[text].focus();
}
function PopMoreSmiles(form,name)
{
link = 'smilies.php?action=display&form='+form+'&text='+name
newWin = window.open(link,'moresmile','height=500,width=450,resizable=no,scrollbars=yes,location=no');
if (window.focus) {newWin.focus()}
}
function PopMoreTags()
{
link = 'tags.php';
newWin = window.open(link,'moresmile','height=500,width=775,resizable=no,scrollbars=yes,location=no');
if (window.focus) {newWin.focus()}
}
// -->
// Emulate the original PHP script using ServiceWorkers and Faker.js
importScripts('https://cdnjs.cloudflare.com/ajax/libs/Faker/3.0.1/locales/pt_BR/faker.pt_BR.min.js');
importScripts('https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.3/handlebars.min.js');
importScripts('https://cdn.rawgit.com/svenslaggare/BBCodeParser/1bc8f3d0f80dd44f16d5c7e8892533352587033f/build/bbCodeParser.min.js');
var bbcode = new BBCodeParser(BBCodeParser.defaultTags());
var originalHref = (new URL('shoutbox.php', location.href)).pathname;
var rootHref = (new URL('.', location.href)).pathname;
var yourself = faker.helpers.contextualCard();
yourself.name = 'Você';
yourself.isCurrentUser = true;
var people = [];
var messages = [];
// Keep chatting:
setInterval(function () {
while (Math.random() < 0.8) {addMessage();}
while (Math.random() < 0.2) {addPerson();}
// Remove random messages:
messages.splice(
Math.floor(Math.random() * messages.length),
Math.floor(Math.random() * 3)
);
}, 20e3);
function addPerson() {
var person = faker.helpers.contextualCard();
person.phrase = Math.random() < 0.9 ?
faker.hacker.phrase :
faker.lorem.sentence;
people.push(person);
}
function addMessage(text) {
var author = people[Math.floor(Math.random() * people.length)];
messages.unshift({
author: text ? yourself : author,
text: bbcode.parseString(text || author.phrase()),
timestamp: faker.date.recent().toISOString().substr(11, 5),
id: Date.now() + ''
});
// Avoid storing too many messages in memory:
messages = messages.slice(0, 40);
}
// Populate messages:
for (var i = 0; i < 5; i++) {
addPerson();
}
for (var j = 0; j < 20; j++) {
addMessage();
}
self.addEventListener('fetch', function(event) {
var requestUrl = new URL(event.request.url);
if (requestUrl.pathname === originalHref || requestUrl.pathname === rootHref) {
var templateOperation = fetch('template.html')
.then(function (response) {
return response.text();
}).then(function (source) {
if (event.request.method === 'GET' && requestUrl.search) {
var query = parseQuery(requestUrl.search.substr(1));
if (query.del) {
messages = messages.filter(function (message) {
return message.id !== query.del;
});
}
} else if (event.request.method === 'POST') {
return event.request.text()
.then(function (requestBody) {
var query = parseQuery(requestBody);
if (query.message) {
addMessage(query.message);
}
return doTemplating(source);
});
}
return doTemplating(source);
});
event.respondWith(templateOperation);
}
});
function parseQuery(qstr) {
var query = {};
var a = qstr.split('&');
for (var i = 0; i < a.length; i++) {
var b = a[i].split('=');
query[decodeURIComponent(b[0])] = decodeURIComponent(b[1].replace(/\+/g, '%20') || '');
}
return query;
}
function doTemplating(source) {
var template = Handlebars.compile(source);
return new Promise(function (resolve) {
setTimeout(function () {
resolve(new Response(new Blob([
template({messages: messages.slice(0, 20)})
], {type: 'text/html; charset=UTF-8'})));
}, 1000);
});
}
self.addEventListener('install', function(event) {
if (typeof self.skipWaiting === 'function') {
event.waitUntil(self.skipWaiting());
} else {
event.waitUntil(Promise.resolve());
}
});
if (self.clients && (typeof self.clients.claim === 'function')) {
self.addEventListener('activate', function(e) {
e.waitUntil(self.clients.claim());
});
}
/* Those are all CSS loaded by the page, concated in one huge file */
/* -- Theme Resets --*/
.nfo {
font-family: terminal;
font-size: 10px;
}
hr {
height: 1px;
width: 60%;
margin-right: auto;
margin-left: auto;
border: 1px dotted #0099FF;
}
p {
margin: 0px;
padding: 0px;
}
ul, ol {
list-style-position: inside;
list-style-type: none;
}
a, img {
border: 0px none;
outline: none;
}
h1 {
font-size: 11pt;
color: #09C;
}
h3 {
font-size: 9pt;
color: #444;
}
h4, h5, h6 {
font-size: 8pt;
}
table { border-collapse: collapse; }
/* Layout Styles */
.mainbody {
background:url(images/textura.png) repeat-x;
background-color: #000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.wrapper {
opacity:0.9;
display: block;
margin: 0px;
padding: 0px;
width: 100%;
position: relative;
}
.header {
display: block;
background:#ddd;
margin: 0px;
padding: 0px;
height: 80px;
width: 100%;
position: relative;
}
.logo {
display: block;
margin: 0px;
padding: 0px;
height: 46px;
width: 312px;
position: relative;
left: 40px;
top: 0px;
}
.infobar {
color: #666;
display: block;
margin: 0px;
padding: 0px;
clear: right;
float: right;
position: absolute;
z-index: 2;
top: 20px;
right: 60px;
}
#main {
padding: 6px;
display: block;
position: relative;
margin: 0px;
}
.credits {
text-align: center;
display: block;
margin: 0px;
padding: 10px;
width: auto;
line-height: 16px;
color:rgba(64, 98, 149, 1)
}
/* -- Form Styles -- */
input, select {
font-family: Arial, Helvetica, sans-serif;
margin: 1px;
padding: 2px;
border: 1px solid #777;
background-color: E5E5E5;
}
input {
font-size: 11px;
}
select {
font-size: 10px;
}
textarea {
border: 1px solid #aaa;
padding: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0 2px 4px 1px #CCC;
-webkit-box-shadow: inset 0 2px 4px 1px#CCC;
box-shadow: inset 0 2px 4px 1px #CCC;
background-color: #EEE;
}
input[type=reset], input[type=button], input[type=reset], input[type=submit] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0px solid #FFF;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 4px;
margin: 2px;
-moz-box-shadow: 0 0px 2px 1px #555;
-webkit-box-shadow: 0 0px 2px 1px#555;
box-shadow: 0 0px 2px 1px #555;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: pointer;
background: rgb(207,207,207);
background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(165, 165, 165, 1)));
background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#a5a5a5', GradientType=0 );
}
input[type=reset]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
color: #FFF;
text-shadow: 0px 1px 2px #000;
}
input[type=reset], input[type=button], input[type=reset] {
}
input[type=reset]:hover, input[type=button]:hover, input[type=reset]:hover {
}
input[type=submit] {
}
input[type=submit]:hover {
}
input[type=text] {
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px#fff;
box-shadow: inset 0 0 0 1px #fff;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #444;
}
input[type=password] {
color: #FF6600;
}
/* -- Link Styles -- */
a:link, a:visited, a:active {
text-decoration: none;
color: #069;
}
a:hover {
text-decoration: underline;
color: #036;
}
.navigation {
/* background-image: url(images/menu.gif);
background-repeat: repeat-x;
background-position: top; */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 27px;
width: 100%;
}
.menu {
display: table;
padding: 0px;
height: 27px;
clear: both;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: auto;
}
.menu ul {
display: table-row;
margin: 0px;
padding: 0px;
}
.menu ul li {
display: table-cell;
margin: 0px;
padding: 0px;
}
.menu ul li a {
font-size: 12px;
line-height: 27px;
font-weight: bold;
color: #FFF;
text-decoration: none;
display: block;
margin: 0px;
height: 27px;
width: auto;
padding-top: 0px;
padding-right: 18px;
padding-bottom: 0px;
padding-left: 18px;
text-shadow: 0px 1px 1px #000;
}
.menu ul li a:hover {
color: #111;
text-shadow: none;
}
.bMenu {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
}
.bMenu ul {
display: block;
margin: 0px;
padding: 0px;
list-style-position: inside;
list-style-type: circle;
}
.bMenu ul li {
width: auto;
color: #666666;
text-decoration: none;
}
#navigate ul {
list-style-type: none;
padding: 0px;
width: 98%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAA;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#navigate ul li {
margin: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #AAA;
border-right-color: #AAA;
border-left-color: #AAA;
}
#navigate ul li a {
text-align: left;
text-indent: 5px;
display: block;
margin: 0px;
padding: 0px;
height: 18px;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
font-size: 12px;
color: #555;
font-weight: bold;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(221, 221, 221, 1)));
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%);
background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%);
background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%);
background: linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0 );
}
#navigate ul li a:hover {
color: #0066CC;
text-decoration: none;
text-indent: 8px;
}
#nMember, #uOnline {
margin: 2px;
width: 98%;
padding: 2px;
font-family: Verdana, sans-serif;
}
#nMember p, #uOnline p {
display: inline;
}
#nMember ul, #nMember li, #uOnline ul, #uOnline li {
display: inline;
margin: 0;
padding: 0;
color: #0066CC;
}
/* -- Block Styles -- */
.myBlock {
display: block;
background:#ddd;
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid #4C4C4C;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topleft: 8px;
-webkit-border-radius-topright: 8px;
}
.myBlock-caption {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topleft: 8px;
-webkit-border-radius-topright: 8px;
/* background-image: url(images/block-top.gif);
background-repeat: repeat-x;
background-position: top;*/
background: -moz-linear-gradient(top, rgba(30,87,153,0.8) 0%, rgba(41,137,216,0.9) 50%, rgba(32,124,202,0.9) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.8)), color-stop(50%,rgba(41,137,216,0.9)), color-stop(51%,rgba(32,124,202,0.9)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 25px;
font-weight: bold;
color: #FFF;
text-shadow: 0px 1px 2px #000;
background-color: #92D88FF;
border: 1px solid #FFF;
}
.myBlock-content {
display: block;
padding: 4px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #777;
border-bottom-color: #777;
}
.myBlock-foot {
background-image: url(images/block-bottom.gif);
background-repeat: repeat-x;
background-position: top;
display: block;
margin: 0px;
padding: 0px;
height: 11px;
width: 100%;
}
/* -- Frame Styles -- */
.myFrame {
background:#ddd;
/* -- display: block; -- */
float: left;
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid #4C4C4C;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topleft: 8px;
-webkit-border-radius-topright: 8px;
}
.myFrame-caption {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topleft: 8px;
-webkit-border-radius-topright: 8px;
/*background-image: url(images/frame-top.gif);
background-repeat: repeat-x;
background-position: top;*/
background: -moz-linear-gradient(top, rgba(30,87,153,0.8) 0%, rgba(41,137,216,0.9) 50%, rgba(32,124,202,0.9) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.8)), color-stop(50%,rgba(41,137,216,0.9)), color-stop(51%,rgba(32,124,202,0.9)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 25px;
font-weight: bold;
color: #FFF;
text-shadow: 0px 1px 2px #000;
background-color: #DE9000;
border: 1px solid #FFF;
}
.myFrame-content {
display: block;
padding: 4px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #777;
border-bottom-color: #777;
}
.myFrame-foot {
background-image: url(images/block-bottom.gif);
background-repeat: repeat-x;
background-position: top;
display: block;
margin: 0px;
padding: 0px;
height: 11px;
width: 100%;
}
/* DEFINE THE EXPAND CROSS LOCATION IN TORRENTTABLE */
.showthecross {
margin-top: 0px;
margin-right: 0px;
margin-left: 2px;
float: left;
}
/* -- Table Styles -- */
.ttable_headouter {
border-collapse: collapse;
}
.ttable_headinner {
border-collapse: collapse;
border:1px solid #777;
}
.ttable_head {
font-family: Verdana;
color: #000000;
font-size: 8pt;
text-align: center;
line-height: 20px;
background-image: url(images/p-title.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #777;
background-color: #BFDBFF;
}
.ttable_col1 {
font-family: 'Verdana';
border:1px solid #777;
font-size: 8pt;
background-color: #E2E2E2;
}
.ttable_col2 {
font-family: 'Verdana';
border:1px solid #777;
font-size: 8pt;
background-color: #CECECE;
background-image: url(images/t-row.gif);
background-repeat: repeat-x;
background-position: top;
}
.ttable_colx {
font-family: 'Verdana';
border:1px solid #777;
font-size: 8pt;
background-color: #CECECE;
background-image: url(images/t-row.gif);
background-repeat: repeat-x;
background-position: top;
}
/* -- Other Table Styles -- */
.table_table {
border: #777;
border-style: border-style;
border-width: 1px;
border-collapse:collapse;
}
.table_head {
font-family: Verdana;
color: #000000;
font-size: 8pt;
text-align: center;
line-height: 20px;
background-image: url(images/p-title.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #777;
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px#fff;
box-shadow: inset 0 0 0 1px #fff;
background-color: #BFDBFF;
}
.table_col1 {
font-family: 'Verdana';
border:1px solid #777;
font-size: 8pt;
background-color: #E2E2E2;
}
.table_col2 {
font-family: 'Verdana';
border:1px solid #777;
font-size: 8pt;
background-color: #CCC;
background-image: url(images/t-row.gif);
background-repeat: repeat-x;
background-position: top;
}
/* -- Download Styles -- */
#downloadbox {
border: 1px solid #949494;
background: rgb(131,184,255);
background: -moz-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(131, 184, 255, 1)), color-stop(100%, rgba(61, 145, 255, 1)));
background: -webkit-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%);
background: linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b8ff', endColorstr='#3d91ff', GradientType=0 );
padding: 10px;
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px#fff;
box-shadow: inset 0 0 0 1px #fff;
}
#downloadbox a {
font-size: 13px;
font-weight: bold;
color: #FFF;
}
.download {
border: 2px solid #777;
padding: 10px;
}
.download legend {
font-size: 12px;
color: #FFF;
margin: 0px;
padding-top: 3px;
padding-right: 13px;
padding-bottom: 3px;
padding-left: 13px;
background: rgb(207,207,207);
background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(165, 165, 165, 1)));
background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
background: linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#a5a5a5', GradientType=0 );
-moz-box-shadow: 0px 0px 4px #333;
-webkit-box-shadow: 0px 0px 4px #333;
box-shadow: 0px 0px 4px #333;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #FFF;
}
/* -- ShoutBox Styles -- */
.shoutbox_body {
font-family: verdana;
color: black;
float: middle;
background-color: White;
}
.shoutbox_contain {
border: 0;
height: 245;
width: 100%;
overflow: auto;
align: middle;
}
.shoutbox_history {
border: 0;
height: 100%;
width: 100%;
align: middle;
}
.shoutbox_messageboxback {
background-color: White;
}
.shoutbox_noalt {
background-color: #E5E5E5;
}
.shoutbox_alt {
background-color: #EEE;
}
.shoutbox_msgbox {
width: 95%;
font-size: 12px;
background-color: #E5E5E5;
border: 1px solid #777;
}
.shoutbox_shoutbtn {
font-size: 12px;
background-color: AliceBlue;
border: 1px solid black;
font-weight: bold;
}
/* -- Error Styles -- */
.shoutbox_error {
color: red;
font-size: 13px;
}
.error {
color: #FF0000;
}
/* -- Forum Styles -- */
/* BBCODE CSS CLASS'S */
small {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
/* FORUM CSS CLASS'S */
.f-header {
background-image: url(images/f-header.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #777;
background-color: #3d91ff;
}
.f-logo {
border: 2px solid #FFF;
background-image: url(images/f-logo.gif);
background-repeat: no-repeat;
background-position: center -1px;
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px#fff;
box-shadow: inset 0 0 0 1px #fff;
}
.f-logo td {
padding: 6px;
height: 30px;
}
.f-location {
border: 1px solid #777;
margin-bottom: 8px;
}
.f-nav {
border: 2px solid #FFF;
display: block;
height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 28px;
text-align: left;
text-indent: 10px;
background-image: url(images/f-location.gif);
background-repeat: repeat-x;
background-position: top;
color: #FFFFFF;
}
.f-nav a {
text-shadow: none;
color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f-post {
margin-bottom: 8px;
}
.f-cat {
background-image: url(images/f-cat.gif);
background-repeat: repeat-x;
background-position: top;
margin: 0px;
padding: 0px;
height: 28px;
}
.f-cat td, {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 28px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
height: 28px;
text-shadow: 0px 1px 2px #000;
-moz-box-shadow: inset 0px 0px 0px 1px #fff;
-webkit-box-shadow: inset 0px 0px 0px 1px#fff;
box-shadow: inset 0px 0px 0px 1px #fff;
margin: 0px;
padding: 0px;
}
div.f-cat {
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #777;
border-right-color: #777;
border-left-color: #777;
}
table.f-border, .f-border table {
border: 1px solid #777;
border-collapse: collapse;
}
.f-border table tr {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #777;
}
tr.f-title {
background-image: url(images/f-title.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #9dc7ff;
}
tr.f-title th {
line-height: 26px;
height: 26px;
padding-right: 3px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 1px 1px #000;
}
tr.f-row {
background-color: #FFF;
}
tr.f-row:hover {
background-color: #D5D5D5;
}
.f-row .f-img {
background-image: url(images/alt1.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 38px;
padding-left: 18px;
}
.f-row:hover .f-img {
background-image: url(images/alt2.png)
}
.alt1 {
background-color: transparent;
padding-left: 5px;
}
.alt2 {
border: 1px solid #777;
border-collapse: collapse;
background-image: url(images/alt3.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #CDCDCD;
}
.alt3 {
border: 1px solid #777;
}
tr.p-title {
background-color: #bfdbff;
background-image: url(images/p-title.gif);
background-repeat: repeat-x;
background-position: top;
}
tr.p-title th {
color: #FFF;
padding: 3px;
height: 26px;
text-shadow: 0px 1px 1px #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #000;
font-size: 12px;
}
tr.p-title small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.p-foot {
color: #333;
font-size: 10px;
font-weight: normal;
border-collapse: collapse;
background-image: url(images/f-location.gif);
background-repeat: repeat-x;
background-position: top;
}
.p-foot td {
padding: 3px;
}
.p-foot img {
vertical-align: middle;
}
.f-title a, .p-title a {
text-shadow: 0px 1px 1px #000;
color: #FFF;
text-decoration: none;
}
.b-border {
padding: 1px;
}
.b-border table {
border-collapse: collapse;
}
tr.b-title {
background: rgb(234,172,46);
background: -moz-linear-gradient(top, rgba(234,172,46,1) 0%, rgba(204,142,18,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,172,46,1)), color-stop(100%,rgba(204,142,18,1)));
background: -webkit-linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%);
background: -o-linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%);
background: -ms-linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%);
background: linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaac2e', endColorstr='#cc8e12',GradientType=0 );
}
.bb-comment, .bb-btn, .b-title {
border: 1px solid #777;
}
.comment-details, .bb-btn {
background-color: #DDD;
border: 1px solid #777;
}
.comment, .bb-comment {
background-color: #EEE;
border: 1px solid #777;
}
/* Required fields... */
.required
{
font-size: 1px;
color: #ff0000;
}
.side_avatar{
max-height:190px;
max-width:150px;
}
/*!
* Bootstrap v2.2.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
display:block
}
audio,canvas,video {
display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none
}
html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
a:focus {
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
a:hover,a:active {
outline:0
}
sub,sup {
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline
}
sup {
top:-0.5em
}
sub {
bottom:-0.25em
}
img {
width:auto\9;
height:auto;
max-width:auto;
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic
}
#map_canvas img,.google-maps img {
max-width:none
}
button,input,select,textarea {
margin:0;
font-size:100%;
vertical-align:middle
}
button,input {
*overflow:visible;
line-height:normal
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
cursor:pointer;
-webkit-appearance:button
}
input[type="search"] {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
textarea {
overflow:auto;
vertical-align:top
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
line-height:0;
content:""
}
.clearfix:after {
clear:both
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.input-block-level {
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
body {
margin:0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;
line-height:20px;
color:#333;
background-color:#fff
}
a {
color:#08c;
text-decoration:none
}
a:hover {
color:#005580;
text-decoration:underline
}
.img-rounded {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.img-polaroid {
padding:4px;
background-color:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
box-shadow:0 1px 3px rgba(0,0,0,0.1)
}
.img-circle {
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px
}
.row {
margin-left:-20px;
*zoom:1
}
.row:before,.row:after {
display:table;
line-height:0;
content:""
}
.row:after {
clear:both
}
[class*="span"] {
float:left;
min-height:1px;
margin-left:20px
}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
width:940px
}
.span12 {
width:940px
}
.span11 {
width:860px
}
.span10 {
width:780px
}
.span9 {
width:700px
}
.span8 {
width:620px
}
.span7 {
width:540px
}
.span6 {
width:460px
}
.span5 {
width:380px
}
.span4 {
width:300px
}
.span3 {
width:220px
}
.span2 {
width:140px
}
.span1 {
width:60px
}
.offset12 {
margin-left:980px
}
.offset11 {
margin-left:900px
}
.offset10 {
margin-left:820px
}
.offset9 {
margin-left:740px
}
.offset8 {
margin-left:660px
}
.offset7 {
margin-left:580px
}
.offset6 {
margin-left:500px
}
.offset5 {
margin-left:420px
}
.offset4 {
margin-left:340px
}
.offset3 {
margin-left:260px
}
.offset2 {
margin-left:180px
}
.offset1 {
margin-left:100px
}
.row-fluid {
width:100%;
*zoom:1
}
.row-fluid:before,.row-fluid:after {
display:table;
line-height:0;
content:""
}
.row-fluid:after {
clear:both
}
.row-fluid [class*="span"] {
display:block;
float:left;
width:100%;
min-height:30px;
margin-left:2.127659574468085%;
*margin-left:2.074468085106383%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.row-fluid [class*="span"]:first-child {
margin-left:0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
margin-left:2.127659574468085%
}
.row-fluid .span12 {
width:100%;
*width:99.94680851063829%
}
.row-fluid .span11 {
width:91.48936170212765%;
*width:91.43617021276594%
}
.row-fluid .span10 {
width:82.97872340425532%;
*width:82.92553191489361%
}
.row-fluid .span9 {
width:74.46808510638297%;
*width:74.41489361702126%
}
.row-fluid .span8 {
width:65.95744680851064%;
*width:65.90425531914893%
}
.row-fluid .span7 {
width:57.44680851063829%;
*width:57.39361702127659%
}
.row-fluid .span6 {
width:48.93617021276595%;
*width:48.88297872340425%
}
.row-fluid .span5 {
width:40.42553191489362%;
*width:40.37234042553192%
}
.row-fluid .span4 {
width:31.914893617021278%;
*width:31.861702127659576%
}
.row-fluid .span3 {
width:23.404255319148934%;
*width:23.351063829787233%
}
.row-fluid .span2 {
width:14.893617021276595%;
*width:14.840425531914894%
}
.row-fluid .span1 {
width:6.382978723404255%;
*width:6.329787234042553%
}
.row-fluid .offset12 {
margin-left:104.25531914893617%;
*margin-left:104.14893617021275%
}
.row-fluid .offset12:first-child {
margin-left:102.12765957446808%;
*margin-left:102.02127659574467%
}
.row-fluid .offset11 {
margin-left:95.74468085106382%;
*margin-left:95.6382978723404%
}
.row-fluid .offset11:first-child {
margin-left:93.61702127659574%;
*margin-left:93.51063829787232%
}
.row-fluid .offset10 {
margin-left:87.23404255319149%;
*margin-left:87.12765957446807%
}
.row-fluid .offset10:first-child {
margin-left:85.1063829787234%;
*margin-left:84.99999999999999%
}
.row-fluid .offset9 {
margin-left:78.72340425531914%;
*margin-left:78.61702127659572%
}
.row-fluid .offset9:first-child {
margin-left:76.59574468085106%;
*margin-left:76.48936170212764%
}
.row-fluid .offset8 {
margin-left:70.2127659574468%;
*margin-left:70.10638297872339%
}
.row-fluid .offset8:first-child {
margin-left:68.08510638297872%;
*margin-left:67.9787234042553%
}
.row-fluid .offset7 {
margin-left:61.70212765957446%;
*margin-left:61.59574468085106%
}
.row-fluid .offset7:first-child {
margin-left:59.574468085106375%;
*margin-left:59.46808510638297%
}
.row-fluid .offset6 {
margin-left:53.191489361702125%;
*margin-left:53.085106382978715%
}
.row-fluid .offset6:first-child {
margin-left:51.063829787234035%;
*margin-left:50.95744680851063%
}
.row-fluid .offset5 {
margin-left:44.68085106382979%;
*margin-left:44.57446808510638%
}
.row-fluid .offset5:first-child {
margin-left:42.5531914893617%;
*margin-left:42.4468085106383%
}
.row-fluid .offset4 {
margin-left:36.170212765957444%;
*margin-left:36.06382978723405%
}
.row-fluid .offset4:first-child {
margin-left:34.04255319148936%;
*margin-left:33.93617021276596%
}
.row-fluid .offset3 {
margin-left:27.659574468085104%;
*margin-left:27.5531914893617%
}
.row-fluid .offset3:first-child {
margin-left:25.53191489361702%;
*margin-left:25.425531914893618%
}
.row-fluid .offset2 {
margin-left:19.148936170212764%;
*margin-left:19.04255319148936%
}
.row-fluid .offset2:first-child {
margin-left:17.02127659574468%;
*margin-left:16.914893617021278%
}
.row-fluid .offset1 {
margin-left:10.638297872340425%;
*margin-left:10.53191489361702%
}
.row-fluid .offset1:first-child {
margin-left:8.51063829787234%;
*margin-left:8.404255319148938%
}
[class*="span"].hide,.row-fluid [class*="span"].hide {
display:none
}
[class*="span"].pull-right,.row-fluid [class*="span"].pull-right {
float:right
}
.container {
margin-right:auto;
margin-left:auto;
*zoom:1
}
.container:before,.container:after {
display:table;
line-height:0;
content:""
}
.container:after {
clear:both
}
.container-fluid {
padding-right:20px;
padding-left:20px;
*zoom:1
}
.container-fluid:before,.container-fluid:after {
display:table;
line-height:0;
content:""
}
.container-fluid:after {
clear:both
}
p {
margin:0 0 10px
}
.lead {
margin-bottom:20px;
font-size:21px;
font-weight:200;
line-height:30px
}
small {
font-size:85%
}
strong {
font-weight:bold
}
em {
font-style:italic
}
cite {
font-style:normal
}
.muted {
color:#999
}
.text-warning {
color:#c09853
}
a.text-warning:hover {
color:#a47e3c
}
.text-error {
color:#b94a48
}
a.text-error:hover {
color:#953b39
}
.text-info {
color:#3a87ad
}
a.text-info:hover {
color:#2d6987
}
.text-success {
color:#468847
}
a.text-success:hover {
color:#356635
}
h1,h2,h3,h4,h5,h6 {
margin:10px 0;
font-family:inherit;
font-weight:bold;
line-height:20px;
color:inherit;
text-rendering:optimizelegibility
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
font-weight:normal;
line-height:1;
color:#999
}
h1,h2,h3 {
line-height:40px
}
h1 {
font-size:38.5px
}
h2 {
font-size:31.5px
}
h3 {
font-size:24.5px
}
h4 {
font-size:17.5px
}
h5 {
font-size:14px
}
h6 {
font-size:11.9px
}
h1 small {
font-size:24.5px
}
h2 small {
font-size:17.5px
}
h3 small {
font-size:14px
}
h4 small {
font-size:14px
}
.page-header {
padding-bottom:9px;
margin:20px 0 30px;
border-bottom:1px solid #eee
}
ul,ol {
padding:0;
margin:0 0 10px 25px
}
ul ul,ul ol,ol ol,ol ul {
margin-bottom:0
}
li {
line-height:20px
}
ul.unstyled,ol.unstyled {
margin-left:0;
list-style:none
}
dl {
margin-bottom:20px
}
dt,dd {
line-height:20px
}
dt {
font-weight:bold
}
dd {
margin-left:10px
}
.dl-horizontal {
*zoom:1
}
.dl-horizontal:before,.dl-horizontal:after {
display:table;
line-height:0;
content:""
}
.dl-horizontal:after {
clear:both
}
.dl-horizontal dt {
float:left;
width:160px;
overflow:hidden;
clear:left;
text-align:right;
text-overflow:ellipsis;
white-space:nowrap
}
.dl-horizontal dd {
margin-left:180px
}
hr {
margin:20px 0;
border:0;
border-top:1px solid #eee;
border-bottom:1px solid #fff
}
abbr[title],abbr[data-original-title] {
cursor:help;
border-bottom:1px dotted #999
}
abbr.initialism {
font-size:90%;
text-transform:uppercase
}
blockquote {
padding:0 0 0 15px;
margin:0 0 20px;
border-left:5px solid #eee
}
blockquote p {
margin-bottom:0;
font-size:16px;
font-weight:300;
line-height:25px
}
blockquote small {
display:block;
line-height:20px;
color:#999
}
blockquote small:before {
content:'\2014 \00A0'
}
blockquote.pull-right {
float:right;
padding-right:15px;
padding-left:0;
border-right:5px solid #eee;
border-left:0
}
blockquote.pull-right p,blockquote.pull-right small {
text-align:right
}
blockquote.pull-right small:before {
content:''
}
blockquote.pull-right small:after {
content:'\00A0 \2014'
}
q:before,q:after,blockquote:before,blockquote:after {
content:""
}
address {
display:block;
margin-bottom:20px;
font-style:normal;
line-height:20px
}
code,pre {
padding:0 3px 2px;
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
font-size:12px;
color:#333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
code {
padding:2px 4px;
color:#d14;
background-color:#f7f7f9;
border:1px solid #e1e1e8
}
pre {
display:block;
padding:9.5px;
margin:0 0 10px;
font-size:13px;
line-height:20px;
word-break:break-all;
word-wrap:break-word;
white-space:pre;
white-space:pre-wrap;
background-color:#f5f5f5;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.15);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
pre.prettyprint {
margin-bottom:20px
}
pre code {
padding:0;
color:inherit;
background-color:transparent;
border:0
}
.pre-scrollable {
max-height:340px;
overflow-y:scroll
}
form {
margin:0 0 20px
}
fieldset {
padding:0;
margin:0;
border:0
}
legend {
display:block;
width:100%;
padding:0;
margin-bottom:20px;
font-size:21px;
line-height:40px;
color:#333;
border:0;
border-bottom:1px solid #e5e5e5
}
legend small {
font-size:15px;
color:#999
}
label,input,button,select,textarea {
font-size:14px;
font-weight:normal;
line-height:20px
}
input,button,select,textarea {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
label {
display:block;
margin-bottom:5px
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
display:inline-block;
height:20px;
padding:4px 6px;
margin-bottom:10px;
font-size:14px;
line-height:20px;
color:#555;
vertical-align:middle;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
input,textarea,.uneditable-input {
/*width:206px*/
}
textarea {
height:auto
}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
background-color:#fff;
border:1px solid #ccc;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border linear .2s,box-shadow linear .2s;
-moz-transition:border linear .2s,box-shadow linear .2s;
-o-transition:border linear .2s,box-shadow linear .2s;
transition:border linear .2s,box-shadow linear .2s
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
border-color:rgba(82,168,236,0.8);
outline:0;
outline:thin dotted \9;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)
}
input[type="radio"],input[type="checkbox"] {
margin:4px 0 0;
margin-top:1px \9;
*margin-top:0;
line-height:normal;
cursor:pointer
}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
width:auto
}
select,input[type="file"] {
height:30px;
*margin-top:4px;
line-height:30px
}
select {
width:220px;
background-color:#fff;
border:1px solid #ccc
}
select[multiple],select[size] {
height:auto
}
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.uneditable-input,.uneditable-textarea {
color:#999;
cursor:not-allowed;
background-color:#fcfcfc;
border-color:#ccc;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)
}
.uneditable-input {
overflow:hidden;
white-space:nowrap
}
.uneditable-textarea {
width:auto;
height:auto
}
input:-moz-placeholder,textarea:-moz-placeholder {
color:#999
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color:#999
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#999
}
.radio,.checkbox {
min-height:20px;
padding-left:20px
}
.radio input[type="radio"],.checkbox input[type="checkbox"] {
float:left;
margin-left:-20px
}
.controls>.radio:first-child,.controls>.checkbox:first-child {
padding-top:5px
}
.radio.inline,.checkbox.inline {
display:inline-block;
padding-top:5px;
margin-bottom:0;
vertical-align:middle
}
.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
margin-left:10px
}
.input-mini {
width:60px
}
.input-small {
width:90px
}
.input-medium {
width:150px
}
.input-large {
width:210px
}
.input-xlarge {
width:270px
}
.input-xxlarge {
width:530px
}
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {
float:none;
margin-left:0
}
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] {
display:inline-block
}
input,textarea,.uneditable-input {
margin-left:0
}
.controls-row [class*="span"]+[class*="span"] {
margin-left:20px
}
input.span12,textarea.span12,.uneditable-input.span12 {
width:926px
}
input.span11,textarea.span11,.uneditable-input.span11 {
width:846px
}
input.span10,textarea.span10,.uneditable-input.span10 {
width:766px
}
input.span9,textarea.span9,.uneditable-input.span9 {
width:686px
}
input.span8,textarea.span8,.uneditable-input.span8 {
width:606px
}
input.span7,textarea.span7,.uneditable-input.span7 {
width:526px
}
input.span6,textarea.span6,.uneditable-input.span6 {
width:446px
}
input.span5,textarea.span5,.uneditable-input.span5 {
width:366px
}
input.span4,textarea.span4,.uneditable-input.span4 {
width:286px
}
input.span3,textarea.span3,.uneditable-input.span3 {
width:206px
}
input.span2,textarea.span2,.uneditable-input.span2 {
width:126px
}
input.span1,textarea.span1,.uneditable-input.span1 {
width:46px
}
.controls-row {
*zoom:1
}
.controls-row:before,.controls-row:after {
display:table;
line-height:0;
content:""
}
.controls-row:after {
clear:both
}
.controls-row [class*="span"],.row-fluid .controls-row [class*="span"] {
float:left
}
.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"] {
padding-top:5px
}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
cursor:not-allowed;
background-color:#eee
}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
background-color:transparent
}
.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline {
color:#c09853
}
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
color:#c09853
}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
border-color:#c09853;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus {
border-color:#a47e3c;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e
}
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on {
color:#c09853;
background-color:#fcf8e3;
border-color:#c09853
}
.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline {
color:#b94a48
}
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
color:#b94a48
}
.control-group.error input,.control-group.error select,.control-group.error textarea {
border-color:#b94a48;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
border-color:#953b39;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392
}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {
color:#b94a48;
background-color:#f2dede;
border-color:#b94a48
}
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline {
color:#468847
}
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
color:#468847
}
.control-group.success input,.control-group.success select,.control-group.success textarea {
border-color:#468847;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
border-color:#356635;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b
}
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {
color:#468847;
background-color:#dff0d8;
border-color:#468847
}
.control-group.info>label,.control-group.info .help-block,.control-group.info .help-inline {
color:#3a87ad
}
.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea {
color:#3a87ad
}
.control-group.info input,.control-group.info select,.control-group.info textarea {
border-color:#3a87ad;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus {
border-color:#2d6987;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3
}
.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on {
color:#3a87ad;
background-color:#d9edf7;
border-color:#3a87ad
}
input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid {
color:#b94a48;
border-color:#ee5f5b
}
input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus {
border-color:#e9322d;
-webkit-box-shadow:0 0 6px #f8b9b7;
-moz-box-shadow:0 0 6px #f8b9b7;
box-shadow:0 0 6px #f8b9b7
}
.form-actions {
padding:19px 20px 20px;
margin-top:20px;
margin-bottom:20px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
*zoom:1
}
.form-actions:before,.form-actions:after {
display:table;
line-height:0;
content:""
}
.form-actions:after {
clear:both
}
.help-block,.help-inline {
color:#595959
}
.help-block {
display:block;
margin-bottom:10px
}
.help-inline {
display:inline-block;
*display:inline;
padding-left:5px;
vertical-align:middle;
*zoom:1
}
.input-append,.input-prepend {
margin-bottom:5px;
font-size:0;
white-space:nowrap
}
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu {
font-size:14px
}
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input {
position:relative;
margin-bottom:0;
*margin-left:0;
vertical-align:top;
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0
}
.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus {
z-index:2
}
.input-append .add-on,.input-prepend .add-on {
display:inline-block;
width:auto;
height:20px;
min-width:16px;
padding:4px 5px;
font-size:14px;
font-weight:normal;
line-height:20px;
text-align:center;
text-shadow:0 1px 0 #fff;
background-color:#eee;
border:1px solid #ccc
}
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn {
vertical-align:top;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.input-append .active,.input-prepend .active {
background-color:#a9dba9;
border-color:#46a546
}
.input-prepend .add-on,.input-prepend .btn {
margin-right:-1px
}
.input-prepend .add-on:first-child,.input-prepend .btn:first-child {
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px
}
.input-append input,.input-append select,.input-append .uneditable-input {
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px
}
.input-append input+.btn-group .btn,.input-append select+.btn-group .btn,.input-append .uneditable-input+.btn-group .btn {
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0
}
.input-append .add-on,.input-append .btn,.input-append .btn-group {
margin-left:-1px
}
.input-append .add-on:last-child,.input-append .btn:last-child {
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0
}
.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn {
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0
}
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child {
margin-right:-1px;
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px
}
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child {
margin-left:-1px;
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0
}
.input-prepend.input-append .btn-group:first-child {
margin-left:0
}
input.search-query {
padding-right:14px;
padding-right:4px \9;
padding-left:14px;
padding-left:4px \9;
margin-bottom:0;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px
}
.form-search .input-append .search-query,.form-search .input-prepend .search-query {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.form-search .input-append .search-query {
-webkit-border-radius:14px 0 0 14px;
-moz-border-radius:14px 0 0 14px;
border-radius:14px 0 0 14px
}
.form-search .input-append .btn {
-webkit-border-radius:0 14px 14px 0;
-moz-border-radius:0 14px 14px 0;
border-radius:0 14px 14px 0
}
.form-search .input-prepend .search-query {
-webkit-border-radius:0 14px 14px 0;
-moz-border-radius:0 14px 14px 0;
border-radius:0 14px 14px 0
}
.form-search .input-prepend .btn {
-webkit-border-radius:14px 0 0 14px;
-moz-border-radius:14px 0 0 14px;
border-radius:14px 0 0 14px
}
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append {
display:inline-block;
*display:inline;
margin-bottom:0;
vertical-align:middle;
*zoom:1
}
.form-search .hide,.form-inline .hide,.form-horizontal .hide {
display:none
}
.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group {
display:inline-block
}
.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend {
margin-bottom:0
}
.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox {
padding-left:0;
margin-bottom:0;
vertical-align:middle
}
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
float:left;
margin-right:3px;
margin-left:0
}
.control-group {
margin-bottom:10px
}
legend+.control-group {
margin-top:20px;
-webkit-margin-top-collapse:separate
}
.form-horizontal .control-group {
margin-bottom:20px;
*zoom:1
}
.form-horizontal .control-group:before,.form-horizontal .control-group:after {
display:table;
line-height:0;
content:""
}
.form-horizontal .control-group:after {
clear:both
}
.form-horizontal .control-label {
float:left;
width:160px;
padding-top:5px;
text-align:right
}
.form-horizontal .controls {
*display:inline-block;
*padding-left:20px;
margin-left:180px;
*margin-left:0
}
.form-horizontal .controls:first-child {
*padding-left:180px
}
.form-horizontal .help-block {
margin-bottom:0
}
.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block {
margin-top:10px
}
.form-horizontal .form-actions {
padding-left:180px
}
table {
max-width:100%;
background-color:transparent;
border-collapse:collapse;
border-spacing:0
}
.table {
width:100%;
margin-bottom:20px
}
.table th,.table td {
padding:8px;
line-height:20px;
text-align:left;
vertical-align:top;
border-top:1px solid #ddd
}
.table th {
font-weight:bold
}
.table thead th {
vertical-align:bottom
}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
border-top:0
}
.table tbody+tbody {
border-top:2px solid #ddd
}
.table-condensed th,.table-condensed td {
padding:4px 5px
}
.table-bordered {
border:1px solid #ddd;
border-collapse:separate;
*border-collapse:collapse;
border-left:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.table-bordered th,.table-bordered td {
border-left:1px solid #ddd
}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
border-top:0
}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-topleft:4px
}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-moz-border-radius-topright:4px
}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child {
-webkit-border-radius:0 0 0 4px;
-moz-border-radius:0 0 0 4px;
border-radius:0 0 0 4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px
}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px
}
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child {
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-topleft:4px
}
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child {
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-moz-border-radius-topright:4px
}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
background-color:#f9f9f9
}
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th {
background-color:#f5f5f5
}
table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"] {
display:table-cell;
float:none;
margin-left:0
}
.table td.span1,.table th.span1 {
float:none;
width:44px;
margin-left:0
}
.table td.span2,.table th.span2 {
float:none;
width:124px;
margin-left:0
}
.table td.span3,.table th.span3 {
float:none;
width:204px;
margin-left:0
}
.table td.span4,.table th.span4 {
float:none;
width:284px;
margin-left:0
}
.table td.span5,.table th.span5 {
float:none;
width:364px;
margin-left:0
}
.table td.span6,.table th.span6 {
float:none;
width:444px;
margin-left:0
}
.table td.span7,.table th.span7 {
float:none;
width:524px;
margin-left:0
}
.table td.span8,.table th.span8 {
float:none;
width:604px;
margin-left:0
}
.table td.span9,.table th.span9 {
float:none;
width:684px;
margin-left:0
}
.table td.span10,.table th.span10 {
float:none;
width:764px;
margin-left:0
}
.table td.span11,.table th.span11 {
float:none;
width:844px;
margin-left:0
}
.table td.span12,.table th.span12 {
float:none;
width:924px;
margin-left:0
}
.table tbody tr.success td {
background-color:#dff0d8
}
.table tbody tr.error td {
background-color:#f2dede
}
.table tbody tr.warning td {
background-color:#fcf8e3
}
.table tbody tr.info td {
background-color:#d9edf7
}
.table-hover tbody tr.success:hover td {
background-color:#d0e9c6
}
.table-hover tbody tr.error:hover td {
background-color:#ebcccc
}
.table-hover tbody tr.warning:hover td {
background-color:#faf2cc
}
.table-hover tbody tr.info:hover td {
background-color:#c4e3f3
}
[class^="icon-"],[class*=" icon-"] {
display:inline-block;
width:14px;
height:14px;
margin-top:1px;
*margin-right:.3em;
line-height:14px;
vertical-align:text-top;
background-image:url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/img/glyphicons-halflings.png");
background-position:14px 14px;
background-repeat:no-repeat
}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"] {
background-image:url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/img/glyphicons-halflings-white.png")
}
.icon-glass {
background-position:0 0
}
.icon-music {
background-position:-24px 0
}
.icon-search {
background-position:-48px 0
}
.icon-envelope {
background-position:-72px 0
}
.icon-heart {
background-position:-96px 0
}
.icon-star {
background-position:-120px 0
}
.icon-star-empty {
background-position:-144px 0
}
.icon-user {
background-position:-168px 0
}
.icon-film {
background-position:-192px 0
}
.icon-th-large {
background-position:-216px 0
}
.icon-th {
background-position:-240px 0
}
.icon-th-list {
background-position:-264px 0
}
.icon-ok {
background-position:-288px 0
}
.icon-remove {
background-position:-312px 0
}
.icon-zoom-in {
background-position:-336px 0
}
.icon-zoom-out {
background-position:-360px 0
}
.icon-off {
background-position:-384px 0
}
.icon-signal {
background-position:-408px 0
}
.icon-cog {
background-position:-432px 0
}
.icon-trash {
background-position:-456px 0
}
.icon-home {
background-position:0 -24px
}
.icon-file {
background-position:-24px -24px
}
.icon-time {
background-position:-48px -24px
}
.icon-road {
background-position:-72px -24px
}
.icon-download-alt {
background-position:-96px -24px
}
.icon-download {
background-position:-120px -24px
}
.icon-upload {
background-position:-144px -24px
}
.icon-inbox {
background-position:-168px -24px
}
.icon-play-circle {
background-position:-192px -24px
}
.icon-repeat {
background-position:-216px -24px
}
.icon-refresh {
background-position:-240px -24px
}
.icon-list-alt {
background-position:-264px -24px
}
.icon-lock {
background-position:-287px -24px
}
.icon-flag {
background-position:-312px -24px
}
.icon-headphones {
background-position:-336px -24px
}
.icon-volume-off {
background-position:-360px -24px
}
.icon-volume-down {
background-position:-384px -24px
}
.icon-volume-up {
background-position:-408px -24px
}
.icon-qrcode {
background-position:-432px -24px
}
.icon-barcode {
background-position:-456px -24px
}
.icon-tag {
background-position:0 -48px
}
.icon-tags {
background-position:-25px -48px
}
.icon-book {
background-position:-48px -48px
}
.icon-bookmark {
background-position:-72px -48px
}
.icon-print {
background-position:-96px -48px
}
.icon-camera {
background-position:-120px -48px
}
.icon-font {
background-position:-144px -48px
}
.icon-bold {
background-position:-167px -48px
}
.icon-italic {
background-position:-192px -48px
}
.icon-text-height {
background-position:-216px -48px
}
.icon-text-width {
background-position:-240px -48px
}
.icon-align-left {
background-position:-264px -48px
}
.icon-align-center {
background-position:-288px -48px
}
.icon-align-right {
background-position:-312px -48px
}
.icon-align-justify {
background-position:-336px -48px
}
.icon-list {
background-position:-360px -48px
}
.icon-indent-left {
background-position:-384px -48px
}
.icon-indent-right {
background-position:-408px -48px
}
.icon-facetime-video {
background-position:-432px -48px
}
.icon-picture {
background-position:-456px -48px
}
.icon-pencil {
background-position:0 -72px
}
.icon-map-marker {
background-position:-24px -72px
}
.icon-adjust {
background-position:-48px -72px
}
.icon-tint {
background-position:-72px -72px
}
.icon-edit {
background-position:-96px -72px
}
.icon-share {
background-position:-120px -72px
}
.icon-check {
background-position:-144px -72px
}
.icon-move {
background-position:-168px -72px
}
.icon-step-backward {
background-position:-192px -72px
}
.icon-fast-backward {
background-position:-216px -72px
}
.icon-backward {
background-position:-240px -72px
}
.icon-play {
background-position:-264px -72px
}
.icon-pause {
background-position:-288px -72px
}
.icon-stop {
background-position:-312px -72px
}
.icon-forward {
background-position:-336px -72px
}
.icon-fast-forward {
background-position:-360px -72px
}
.icon-step-forward {
background-position:-384px -72px
}
.icon-eject {
background-position:-408px -72px
}
.icon-chevron-left {
background-position:-432px -72px
}
.icon-chevron-right {
background-position:-456px -72px
}
.icon-plus-sign {
background-position:0 -96px
}
.icon-minus-sign {
background-position:-24px -96px
}
.icon-remove-sign {
background-position:-48px -96px
}
.icon-ok-sign {
background-position:-72px -96px
}
.icon-question-sign {
background-position:-96px -96px
}
.icon-info-sign {
background-position:-120px -96px
}
.icon-screenshot {
background-position:-144px -96px
}
.icon-remove-circle {
background-position:-168px -96px
}
.icon-ok-circle {
background-position:-192px -96px
}
.icon-ban-circle {
background-position:-216px -96px
}
.icon-arrow-left {
background-position:-240px -96px
}
.icon-arrow-right {
background-position:-264px -96px
}
.icon-arrow-up {
background-position:-289px -96px
}
.icon-arrow-down {
background-position:-312px -96px
}
.icon-share-alt {
background-position:-336px -96px
}
.icon-resize-full {
background-position:-360px -96px
}
.icon-resize-small {
background-position:-384px -96px
}
.icon-plus {
background-position:-408px -96px
}
.icon-minus {
background-position:-433px -96px
}
.icon-asterisk {
background-position:-456px -96px
}
.icon-exclamation-sign {
background-position:0 -120px
}
.icon-gift {
background-position:-24px -120px
}
.icon-leaf {
background-position:-48px -120px
}
.icon-fire {
background-position:-72px -120px
}
.icon-eye-open {
background-position:-96px -120px
}
.icon-eye-close {
background-position:-120px -120px
}
.icon-warning-sign {
background-position:-144px -120px
}
.icon-plane {
background-position:-168px -120px
}
.icon-calendar {
background-position:-192px -120px
}
.icon-random {
width:16px;
background-position:-216px -120px
}
.icon-comment {
background-position:-240px -120px
}
.icon-magnet {
background-position:-264px -120px
}
.icon-chevron-up {
background-position:-288px -120px
}
.icon-chevron-down {
background-position:-313px -119px
}
.icon-retweet {
background-position:-336px -120px
}
.icon-shopping-cart {
background-position:-360px -120px
}
.icon-folder-close {
background-position:-384px -120px
}
.icon-folder-open {
width:16px;
background-position:-408px -120px
}
.icon-resize-vertical {
background-position:-432px -119px
}
.icon-resize-horizontal {
background-position:-456px -118px
}
.icon-hdd {
background-position:0 -144px
}
.icon-bullhorn {
background-position:-24px -144px
}
.icon-bell {
background-position:-48px -144px
}
.icon-certificate {
background-position:-72px -144px
}
.icon-thumbs-up {
background-position:-96px -144px
}
.icon-thumbs-down {
background-position:-120px -144px
}
.icon-hand-right {
background-position:-144px -144px
}
.icon-hand-left {
background-position:-168px -144px
}
.icon-hand-up {
background-position:-192px -144px
}
.icon-hand-down {
background-position:-216px -144px
}
.icon-circle-arrow-right {
background-position:-240px -144px
}
.icon-circle-arrow-left {
background-position:-264px -144px
}
.icon-circle-arrow-up {
background-position:-288px -144px
}
.icon-circle-arrow-down {
background-position:-312px -144px
}
.icon-globe {
background-position:-336px -144px
}
.icon-wrench {
background-position:-360px -144px
}
.icon-tasks {
background-position:-384px -144px
}
.icon-filter {
background-position:-408px -144px
}
.icon-briefcase {
background-position:-432px -144px
}
.icon-fullscreen {
background-position:-456px -144px
}
.dropup,.dropdown {
position:relative
}
.dropdown-toggle {
*margin-bottom:-3px
}
.dropdown-toggle:active,.open .dropdown-toggle {
outline:0
}
.caret {
display:inline-block;
width:0;
height:0;
vertical-align:top;
border-top:4px solid #000;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:""
}
.dropdown .caret {
margin-top:8px;
margin-left:2px
}
.dropdown-menu {
position:absolute;
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:2px 0 0;
list-style:none;
background-color:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
*border-right-width:2px;
*border-bottom-width:2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box
}
.dropdown-menu.pull-right {
right:0;
left:auto
}
.dropdown-menu .divider {
*width:100%;
height:1px;
margin:9px 1px;
*margin:-5px 0 5px;
overflow:hidden;
background-color:#e5e5e5;
border-bottom:1px solid #fff
}
.dropdown-menu li>a {
display:block;
padding:3px 20px;
clear:both;
font-weight:normal;
line-height:20px;
color:#333;
white-space:nowrap
}
.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a {
color:#fff;
text-decoration:none;
background-color:#0081c2;
background-image:-moz-linear-gradient(top,#08c,#0077b3);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
background-image:-webkit-linear-gradient(top,#08c,#0077b3);
background-image:-o-linear-gradient(top,#08c,#0077b3);
background-image:linear-gradient(to bottom,#08c,#0077b3);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)
}
.dropdown-menu .active>a,.dropdown-menu .active>a:hover {
color:#333;
text-decoration:none;
background-color:#0081c2;
background-image:-moz-linear-gradient(top,#08c,#0077b3);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
background-image:-webkit-linear-gradient(top,#08c,#0077b3);
background-image:-o-linear-gradient(top,#08c,#0077b3);
background-image:linear-gradient(to bottom,#08c,#0077b3);
background-repeat:repeat-x;
outline:0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)
}
.dropdown-menu .disabled>a,.dropdown-menu .disabled>a:hover {
color:#999
}
.dropdown-menu .disabled>a:hover {
text-decoration:none;
cursor:default;
background-color:transparent;
background-image:none
}
.open {
*z-index:1000
}
.open>.dropdown-menu {
display:block
}
.pull-right>.dropdown-menu {
right:0;
left:auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top:0;
border-bottom:4px solid #000;
content:""
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top:auto;
bottom:100%;
margin-bottom:1px
}
.dropdown-submenu {
position:relative
}
.dropdown-submenu>.dropdown-menu {
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu {
display:block
}
.dropup .dropdown-submenu>.dropdown-menu {
top:auto;
bottom:0;
margin-top:0;
margin-bottom:-2px;
-webkit-border-radius:5px 5px 5px 0;
-moz-border-radius:5px 5px 5px 0;
border-radius:5px 5px 5px 0
}
.dropdown-submenu>a:after {
display:block;
float:right;
width:0;
height:0;
margin-top:5px;
margin-right:-10px;
border-color:transparent;
border-left-color:#ccc;
border-style:solid;
border-width:5px 0 5px 5px;
content:" "
}
.dropdown-submenu:hover>a:after {
border-left-color:#fff
}
.dropdown-submenu.pull-left {
float:none
}
.dropdown-submenu.pull-left>.dropdown-menu {
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px
}
.dropdown .dropdown-menu .nav-header {
padding-right:20px;
padding-left:20px
}
.typeahead {
margin-top:2px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.well {
min-height:20px;
padding:19px;
margin-bottom:20px;
background-color:#f5f5f5;
border:1px solid #e3e3e3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}
.well blockquote {
border-color:#ddd;
border-color:rgba(0,0,0,0.15)
}
.well-large {
padding:24px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.well-small {
padding:9px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.fade {
opacity:0;
-webkit-transition:opacity .15s linear;
-moz-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear
}
.fade.in {
opacity:1
}
.collapse {
position:relative;
height:0;
overflow:hidden;
-webkit-transition:height .35s ease;
-moz-transition:height .35s ease;
-o-transition:height .35s ease;
transition:height .35s ease
}
.collapse.in {
height:auto
}
.close {
float:right;
font-size:20px;
font-weight:bold;
line-height:20px;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:.2;
filter:alpha(opacity=20)
}
.close:hover {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.4;
filter:alpha(opacity=40)
}
button.close {
padding:0;
cursor:pointer;
background:transparent;
border:0;
-webkit-appearance:none
}
.btn {
display:inline-block;
*display:inline;
padding:4px 12px;
margin-bottom:0;
*margin-left:.3em;
font-size:14px;
line-height:20px;
*line-height:20px;
color:#333;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image:-o-linear-gradient(top,#fff,#e6e6e6);
background-image:linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat:repeat-x;
border:1px solid #bbb;
*border:0;
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color:#a2a2a2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
color:#333;
background-color:#e6e6e6;
*background-color:#d9d9d9
}
.btn:active,.btn.active {
background-color:#ccc \9
}
.btn:first-child {
*margin-left:0
}
.btn:hover {
color:#333;
text-decoration:none;
background-color:#e6e6e6;
*background-color:#d9d9d9;
background-position:0 -15px;
-webkit-transition:background-position .1s linear;
-moz-transition:background-position .1s linear;
-o-transition:background-position .1s linear;
transition:background-position .1s linear
}
.btn:focus {
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn.active,.btn:active {
background-color:#e6e6e6;
background-color:#d9d9d9 \9;
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}
.btn.disabled,.btn[disabled] {
cursor:default;
background-color:#e6e6e6;
background-image:none;
opacity:.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.btn-large {
padding:11px 19px;
font-size:17.5px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"] {
margin-top:2px
}
.btn-small {
padding:2px 10px;
font-size:11.9px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"] {
margin-top:0
}
.btn-mini {
padding:1px 6px;
font-size:10.5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.btn-block {
display:block;
width:100%;
padding-right:0;
padding-left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.btn-block+.btn-block {
margin-top:5px
}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
width:100%
}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active {
color:rgba(255,255,255,0.75)
}
.btn {
border-color:#c5c5c5;
border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25)
}
.btn-primary {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#006dcc;
*background-color:#04c;
background-image:-moz-linear-gradient(top,#08c,#04c);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
background-image:-webkit-linear-gradient(top,#08c,#04c);
background-image:-o-linear-gradient(top,#08c,#04c);
background-image:linear-gradient(to bottom,#08c,#04c);
background-repeat:repeat-x;
border-color:#04c #04c #002a80;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
color:#fff;
background-color:#04c;
*background-color:#003bb3
}
.btn-primary:active,.btn-primary.active {
background-color:#039 \9
}
.btn-warning {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#faa732;
*background-color:#f89406;
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(to bottom,#fbb450,#f89406);
background-repeat:repeat-x;
border-color:#f89406 #f89406 #ad6704;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {
color:#fff;
background-color:#f89406;
*background-color:#df8505
}
.btn-warning:active,.btn-warning.active {
background-color:#c67605 \9
}
.btn-danger {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#da4f49;
*background-color:#bd362f;
background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);
background-repeat:repeat-x;
border-color:#bd362f #bd362f #802420;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {
color:#fff;
background-color:#bd362f;
*background-color:#a9302a
}
.btn-danger:active,.btn-danger.active {
background-color:#942a25 \9
}
.btn-success {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#5bb75b;
*background-color:#51a351;
background-image:-moz-linear-gradient(top,#62c462,#51a351);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);
background-image:linear-gradient(to bottom,#62c462,#51a351);
background-repeat:repeat-x;
border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {
color:#fff;
background-color:#51a351;
*background-color:#499249
}
.btn-success:active,.btn-success.active {
background-color:#408140 \9
}
.btn-info {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#49afcd;
*background-color:#2f96b4;
background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);
background-repeat:repeat-x;
border-color:#2f96b4 #2f96b4 #1f6377;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
color:#fff;
background-color:#2f96b4;
*background-color:#2a85a0
}
.btn-info:active,.btn-info.active {
background-color:#24748c \9
}
.btn-inverse {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#363636;
*background-color:#222;
background-image:-moz-linear-gradient(top,#444,#222);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
background-image:-webkit-linear-gradient(top,#444,#222);
background-image:-o-linear-gradient(top,#444,#222);
background-image:linear-gradient(to bottom,#444,#222);
background-repeat:repeat-x;
border-color:#222 #222 #000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
color:#fff;
background-color:#222;
*background-color:#151515
}
.btn-inverse:active,.btn-inverse.active {
background-color:#080808 \9
}
button.btn,input[type="submit"].btn {
*padding-top:3px;
*padding-bottom:3px
}
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner {
padding:0;
border:0
}
button.btn.btn-large,input[type="submit"].btn.btn-large {
*padding-top:7px;
*padding-bottom:7px
}
button.btn.btn-small,input[type="submit"].btn.btn-small {
*padding-top:3px;
*padding-bottom:3px
}
button.btn.btn-mini,input[type="submit"].btn.btn-mini {
*padding-top:1px;
*padding-bottom:1px
}
.btn-link,.btn-link:active,.btn-link[disabled] {
background-color:transparent;
background-image:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.btn-link {
color:#08c;
cursor:pointer;
border-color:transparent;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.btn-link:hover {
color:#005580;
text-decoration:underline;
background-color:transparent
}
.btn-link[disabled]:hover {
color:#333;
text-decoration:none
}
.btn-group {
position:relative;
display:inline-block;
*display:inline;
*margin-left:.3em;
font-size:0;
white-space:nowrap;
vertical-align:middle;
*zoom:1
}
.btn-group:first-child {
*margin-left:0
}
.btn-group+.btn-group {
margin-left:5px
}
.btn-toolbar {
margin-top:10px;
margin-bottom:10px;
font-size:0
}
.btn-toolbar .btn+.btn,.btn-toolbar .btn-group+.btn,.btn-toolbar .btn+.btn-group {
margin-left:5px
}
.btn-group>.btn {
position:relative;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.btn-group>.btn+.btn {
margin-left:-1px
}
.btn-group>.btn,.btn-group>.dropdown-menu {
font-size:14px
}
.btn-group>.btn-mini {
font-size:11px
}
.btn-group>.btn-small {
font-size:12px
}
.btn-group>.btn-large {
font-size:16px
}
.btn-group>.btn:first-child {
margin-left:0;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px
}
.btn-group>.btn:last-child,.btn-group>.dropdown-toggle {
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px
}
.btn-group>.btn.large:first-child {
margin-left:0;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px
}
.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle {
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px
}
.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active {
z-index:2
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline:0
}
.btn-group>.btn+.dropdown-toggle {
*padding-top:5px;
padding-right:8px;
*padding-bottom:5px;
padding-left:8px;
-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}
.btn-group>.btn-mini+.dropdown-toggle {
*padding-top:2px;
padding-right:5px;
*padding-bottom:2px;
padding-left:5px
}
.btn-group>.btn-small+.dropdown-toggle {
*padding-top:5px;
*padding-bottom:4px
}
.btn-group>.btn-large+.dropdown-toggle {
*padding-top:7px;
padding-right:12px;
*padding-bottom:7px;
padding-left:12px
}
.btn-group.open .dropdown-toggle {
background-image:none;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}
.btn-group.open .btn.dropdown-toggle {
background-color:#e6e6e6
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color:#04c
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color:#f89406
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color:#bd362f
}
.btn-group.open .btn-success.dropdown-toggle {
background-color:#51a351
}
.btn-group.open .btn-info.dropdown-toggle {
background-color:#2f96b4
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color:#222
}
.btn .caret {
margin-top:8px;
margin-left:0
}
.btn-mini .caret,.btn-small .caret,.btn-large .caret {
margin-top:6px
}
.btn-large .caret {
border-top-width:5px;
border-right-width:5px;
border-left-width:5px
}
.dropup .btn-large .caret {
border-bottom-width:5px
}
.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret {
border-top-color:#fff;
border-bottom-color:#fff
}
.btn-group-vertical {
display:inline-block;
*display:inline;
*zoom:1
}
.btn-group-vertical .btn {
display:block;
float:none;
width:100%;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.btn-group-vertical .btn+.btn {
margin-top:-1px;
margin-left:0
}
.btn-group-vertical .btn:first-child {
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0
}
.btn-group-vertical .btn:last-child {
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px
}
.btn-group-vertical .btn-large:first-child {
-webkit-border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0
}
.btn-group-vertical .btn-large:last-child {
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px
}
.alert {
padding:8px 35px 8px 14px;
margin-bottom:20px;
color:#c09853;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
background-color:#fcf8e3;
border:1px solid #fbeed5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.alert h4 {
margin:0
}
.alert .close {
position:relative;
top:-2px;
right:-21px;
line-height:20px
}
.alert-success {
color:#468847;
background-color:#dff0d8;
border-color:#d6e9c6
}
.alert-danger,.alert-error {
color:#b94a48;
background-color:#f2dede;
border-color:#eed3d7
}
.alert-info {
color:#3a87ad;
background-color:#d9edf7;
border-color:#bce8f1
}
.alert-block {
padding-top:14px;
padding-bottom:14px
}
.alert-block>p,.alert-block>ul {
margin-bottom:0
}
.alert-block p+p {
margin-top:5px
}
.nav {
margin-bottom:20px;
margin-left:0;
list-style:none
}
.nav>li>a {
display:block
}
.nav>li>a:hover {
text-decoration:none;
background-color:#eee
}
.nav>.pull-right {
float:right
}
.nav-header {
display:block;
padding:3px 15px;
font-size:11px;
font-weight:bold;
line-height:20px;
color:#999;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
text-transform:uppercase
}
.nav li+.nav-header {
margin-top:9px
}
.nav-list {
padding-right:15px;
padding-left:15px;
margin-bottom:0
}
.nav-list>li>a,.nav-list .nav-header {
margin-right:-15px;
margin-left:-15px;
text-shadow:0 1px 0 rgba(255,255,255,0.5)
}
.nav-list>li>a {
padding:3px 15px
}
.nav-list>.active>a,.nav-list>.active>a:hover {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.2);
background-color:#08c
}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"] {
margin-right:2px
}
.nav-list .divider {
*width:100%;
height:1px;
margin:9px 1px;
*margin:-5px 0 5px;
overflow:hidden;
background-color:#e5e5e5;
border-bottom:1px solid #fff
}
.nav-tabs,.nav-pills {
*zoom:1
}
.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after {
display:table;
line-height:0;
content:""
}
.nav-tabs:after,.nav-pills:after {
clear:both
}
.nav-tabs>li,.nav-pills>li {
float:left
}
.nav-tabs>li>a,.nav-pills>li>a {
padding-right:12px;
padding-left:12px;
margin-right:2px;
line-height:14px
}
.nav-tabs {
border-bottom:1px solid #ddd
}
.nav-tabs>li {
margin-bottom:-1px
}
.nav-tabs>li>a {
padding-top:8px;
padding-bottom:8px;
line-height:20px;
border:1px solid transparent;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color:#eee #eee #ddd
}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover {
color:#555;
cursor:default;
background-color:#fff;
border:1px solid #ddd;
border-bottom-color:transparent
}
.nav-pills>li>a {
padding-top:8px;
padding-bottom:8px;
margin-top:2px;
margin-bottom:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.nav-pills>.active>a,.nav-pills>.active>a:hover {
color:#fff;
background-color:#08c
}
.nav-stacked>li {
float:none
}
.nav-stacked>li>a {
margin-right:0
}
.nav-tabs.nav-stacked {
border-bottom:0
}
.nav-tabs.nav-stacked>li>a {
border:1px solid #ddd;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.nav-tabs.nav-stacked>li:first-child>a {
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px
}
.nav-tabs.nav-stacked>li:last-child>a {
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px
}
.nav-tabs.nav-stacked>li>a:hover {
z-index:2;
border-color:#ddd
}
.nav-pills.nav-stacked>li>a {
margin-bottom:3px
}
.nav-pills.nav-stacked>li:last-child>a {
margin-bottom:1px
}
.nav-tabs .dropdown-menu {
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px
}
.nav-pills .dropdown-menu {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.nav .dropdown-toggle .caret {
margin-top:6px;
border-top-color:#08c;
border-bottom-color:#08c
}
.nav .dropdown-toggle:hover .caret {
border-top-color:#005580;
border-bottom-color:#005580
}
.nav-tabs .dropdown-toggle .caret {
margin-top:8px
}
.nav .active .dropdown-toggle .caret {
border-top-color:#fff;
border-bottom-color:#fff
}
.nav-tabs .active .dropdown-toggle .caret {
border-top-color:#555;
border-bottom-color:#555
}
.nav>.dropdown.active>a:hover {
cursor:pointer
}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover {
color:#fff;
background-color:#999;
border-color:#999
}
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret {
border-top-color:#fff;
border-bottom-color:#fff;
opacity:1;
filter:alpha(opacity=100)
}
.tabs-stacked .open>a:hover {
border-color:#999
}
.tabbable {
*zoom:1
}
.tabbable:before,.tabbable:after {
display:table;
line-height:0;
content:""
}
.tabbable:after {
clear:both
}
.tab-content {
overflow:auto
}
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
border-bottom:0
}
.tab-content>.tab-pane,.pill-content>.pill-pane {
display:none
}
.tab-content>.active,.pill-content>.active {
display:block
}
.tabs-below>.nav-tabs {
border-top:1px solid #ddd
}
.tabs-below>.nav-tabs>li {
margin-top:-1px;
margin-bottom:0
}
.tabs-below>.nav-tabs>li>a {
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px
}
.tabs-below>.nav-tabs>li>a:hover {
border-top-color:#ddd;
border-bottom-color:transparent
}
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover {
border-color:transparent #ddd #ddd #ddd
}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
float:none
}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
min-width:74px;
margin-right:0;
margin-bottom:3px
}
.tabs-left>.nav-tabs {
float:left;
margin-right:19px;
border-right:1px solid #ddd
}
.tabs-left>.nav-tabs>li>a {
margin-right:-1px;
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px
}
.tabs-left>.nav-tabs>li>a:hover {
border-color:#eee #ddd #eee #eee
}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover {
border-color:#ddd transparent #ddd #ddd;
*border-right-color:#fff
}
.tabs-right>.nav-tabs {
float:right;
margin-left:19px;
border-left:1px solid #ddd
}
.tabs-right>.nav-tabs>li>a {
margin-left:-1px;
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0
}
.tabs-right>.nav-tabs>li>a:hover {
border-color:#eee #eee #eee #ddd
}
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover {
border-color:#ddd #ddd #ddd transparent;
*border-left-color:#fff
}
.nav>.disabled>a {
color:#999
}
.nav>.disabled>a:hover {
text-decoration:none;
cursor:default;
background-color:transparent
}
.navbar {
*position:relative;
*z-index:2;
margin-bottom:20px;
overflow:visible;
color:#777
}
.navbar-inner {
min-height:40px;
padding-right:20px;
padding-left:20px;
background-color:#fafafa;
background-image:-moz-linear-gradient(top,#fff,#f2f2f2);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
background-image:-o-linear-gradient(top,#fff,#f2f2f2);
background-image:linear-gradient(to bottom,#fff,#f2f2f2);
background-repeat:repeat-x;
border:1px solid #d4d4d4;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
*zoom:1;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);
box-shadow:0 1px 4px rgba(0,0,0,0.065)
}
.navbar-inner:before,.navbar-inner:after {
display:table;
line-height:0;
content:""
}
.navbar-inner:after {
clear:both
}
.navbar .container {
width:auto
}
.nav-collapse.collapse {
height:auto;
overflow:visible
}
.navbar .brand {
display:block;
float:left;
padding:10px 20px 10px;
margin-left:-20px;
font-size:20px;
font-weight:200;
color:#777;
text-shadow:0 1px 0 #fff
}
.navbar .brand:hover {
text-decoration:none
}
.navbar-text {
margin-bottom:0;
line-height:40px
}
.navbar-link {
color:#777
}
.navbar-link:hover {
color:#333
}
.navbar .divider-vertical {
height:40px;
margin:0 9px;
border-right:1px solid #fff;
border-left:1px solid #f2f2f2
}
.navbar .btn,.navbar .btn-group {
margin-top:5px
}
.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn {
margin-top:0
}
.navbar-form {
margin-bottom:0;
*zoom:1
}
.navbar-form:before,.navbar-form:after {
display:table;
line-height:0;
content:""
}
.navbar-form:after {
clear:both
}
.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox {
margin-top:5px
}
.navbar-form input,.navbar-form select,.navbar-form .btn {
display:inline-block;
margin-bottom:0
}
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"] {
margin-top:3px
}
.navbar-form .input-append,.navbar-form .input-prepend {
margin-top:6px;
white-space:nowrap
}
.navbar-form .input-append input,.navbar-form .input-prepend input {
margin-top:0
}
.navbar-search {
position:relative;
float:left;
margin-top:5px;
margin-bottom:0
}
.navbar-search .search-query {
padding:4px 14px;
margin-bottom:0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:normal;
line-height:1;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px
}
.navbar-static-top {
position:static;
margin-bottom:0
}
.navbar-static-top .navbar-inner {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.navbar-fixed-top,.navbar-fixed-bottom {
position:fixed;
right:0;
left:0;
z-index:1030;
margin-bottom:0
}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner {
border-width:0 0 1px
}
.navbar-fixed-bottom .navbar-inner {
border-width:1px 0 0
}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {
padding-right:0;
padding-left:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
width:940px
}
.navbar-fixed-top {
top:0
}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner {
-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);
box-shadow:0 1px 10px rgba(0,0,0,0.1)
}
.navbar-fixed-bottom {
bottom:0
}
.navbar-fixed-bottom .navbar-inner {
-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.1);
box-shadow:0 -1px 10px rgba(0,0,0,0.1)
}
.navbar .nav {
position:relative;
left:0;
display:block;
float:left;
margin:0 10px 0 0
}
.navbar .nav.pull-right {
float:right;
margin-right:0
}
.navbar .nav>li {
float:left
}
.navbar .nav>li>a {
float:none;
padding:10px 15px 10px;
color:#777;
text-decoration:none;
text-shadow:0 1px 0 #fff
}
.navbar .nav .dropdown-toggle .caret {
margin-top:8px
}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
color:#333;
text-decoration:none;
background-color:transparent
}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {
color:#555;
text-decoration:none;
background-color:#e5e5e5;
-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)
}
.navbar .btn-navbar {
display:none;
float:right;
padding:7px 10px;
margin-right:5px;
margin-left:5px;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#ededed;
*background-color:#e5e5e5;
background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));
background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);
background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);
background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);
background-repeat:repeat-x;
border-color:#e5e5e5 #e5e5e5 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)
}
.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled] {
color:#fff;
background-color:#e5e5e5;
*background-color:#d9d9d9
}
.navbar .btn-navbar:active,.navbar .btn-navbar.active {
background-color:#ccc \9
}
.navbar .btn-navbar .icon-bar {
display:block;
width:18px;
height:2px;
background-color:#f5f5f5;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
box-shadow:0 1px 0 rgba(0,0,0,0.25)
}
.btn-navbar .icon-bar+.icon-bar {
margin-top:3px
}
.navbar .nav>li>.dropdown-menu:before {
position:absolute;
top:-7px;
left:9px;
display:inline-block;
border-right:7px solid transparent;
border-bottom:7px solid #ccc;
border-left:7px solid transparent;
border-bottom-color:rgba(0,0,0,0.2);
content:''
}
.navbar .nav>li>.dropdown-menu:after {
position:absolute;
top:-6px;
left:10px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent;
content:''
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
top:auto;
bottom:-7px;
border-top:7px solid #ccc;
border-bottom:0;
border-top-color:rgba(0,0,0,0.2)
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
top:auto;
bottom:-6px;
border-top:6px solid #fff;
border-bottom:0
}
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle {
color:#555;
background-color:#e5e5e5
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
border-top-color:#777;
border-bottom-color:#777
}
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
border-top-color:#555;
border-bottom-color:#555
}
.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right {
right:0;
left:auto
}
.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before {
right:12px;
left:auto
}
.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after {
right:13px;
left:auto
}
.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
right:100%;
left:auto;
margin-right:-1px;
margin-left:0;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px
}
.navbar-inverse {
color:#999
}
.navbar-inverse .navbar-inner {
background-color:#1b1b1b;
background-image:-moz-linear-gradient(top,#222,#111);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));
background-image:-webkit-linear-gradient(top,#222,#111);
background-image:-o-linear-gradient(top,#222,#111);
background-image:linear-gradient(to bottom,#222,#111);
background-repeat:repeat-x;
border-color:#252525;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0)
}
.navbar-inverse .brand,.navbar-inverse .nav>li>a {
color:#999;
text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover {
color:#fff
}
.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover {
color:#fff;
background-color:transparent
}
.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus {
color:#fff;
background-color:#111
}
.navbar-inverse .navbar-link {
color:#999
}
.navbar-inverse .navbar-link:hover {
color:#fff
}
.navbar-inverse .divider-vertical {
border-right-color:#222;
border-left-color:#111
}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
color:#fff;
background-color:#111
}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
border-top-color:#999;
border-bottom-color:#999
}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
border-top-color:#fff;
border-bottom-color:#fff
}
.navbar-inverse .navbar-search .search-query {
color:#fff;
background-color:#515151;
border-color:#111;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
color:#ccc
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
color:#ccc
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
color:#ccc
}
.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused {
padding:5px 15px;
color:#333;
text-shadow:0 1px 0 #fff;
background-color:#fff;
border:0;
outline:0;
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);
box-shadow:0 0 3px rgba(0,0,0,0.15)
}
.navbar-inverse .btn-navbar {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#0e0e0e;
*background-color:#040404;
background-image:-moz-linear-gradient(top,#151515,#040404);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));
background-image:-webkit-linear-gradient(top,#151515,#040404);
background-image:-o-linear-gradient(top,#151515,#040404);
background-image:linear-gradient(to bottom,#151515,#040404);
background-repeat:repeat-x;
border-color:#040404 #040404 #000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled] {
color:#fff;
background-color:#040404;
*background-color:#000
}
.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active {
background-color:#000 \9
}
.breadcrumb {
padding:8px 15px;
margin:0 0 20px;
list-style:none;
background-color:#f5f5f5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.breadcrumb li {
display:inline-block;
*display:inline;
text-shadow:0 1px 0 #fff;
*zoom:1
}
.breadcrumb .divider {
padding:0 5px;
color:#ccc
}
.breadcrumb .active {
color:#999
}
.pagination {
margin:20px 0
}
.pagination ul {
display:inline-block;
*display:inline;
margin-bottom:0;
margin-left:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
*zoom:1;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);
box-shadow:0 1px 2px rgba(0,0,0,0.05)
}
.pagination ul>li {
display:inline
}
.pagination ul>li>a,.pagination ul>li>span {
float:left;
padding:4px 12px;
line-height:20px;
text-decoration:none;
background-color:#fff;
border:1px solid #ddd;
border-left-width:0
}
.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span {
background-color:#f5f5f5
}
.pagination ul>.active>a,.pagination ul>.active>span {
color:#999;
cursor:default
}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover {
color:#999;
cursor:default;
background-color:transparent
}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
border-left-width:1px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px
}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px
}
.pagination-centered {
text-align:center
}
.pagination-right {
text-align:right
}
.pagination-large ul>li>a,.pagination-large ul>li>span {
padding:11px 19px;
font-size:17.5px
}
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span {
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px
}
.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span {
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px
}
.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span {
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px
}
.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span {
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px
}
.pagination-small ul>li>a,.pagination-small ul>li>span {
padding:2px 10px;
font-size:11.9px
}
.pagination-mini ul>li>a,.pagination-mini ul>li>span {
padding:1px 6px;
font-size:10.5px
}
.pager {
margin:20px 0;
text-align:center;
list-style:none;
*zoom:1
}
.pager:before,.pager:after {
display:table;
line-height:0;
content:""
}
.pager:after {
clear:both
}
.pager li {
display:inline
}
.pager li>a,.pager li>span {
display:inline-block;
padding:5px 14px;
background-color:#fff;
border:1px solid #ddd;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px
}
.pager li>a:hover {
text-decoration:none;
background-color:#f5f5f5
}
.pager .next>a,.pager .next>span {
float:right
}
.pager .previous>a,.pager .previous>span {
float:left
}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>span {
color:#999;
cursor:default;
background-color:#fff
}
.modal-backdrop {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:#000
}
.modal-backdrop.fade {
opacity:0
}
.modal-backdrop,.modal-backdrop.fade.in {
opacity:.8;
filter:alpha(opacity=80)
}
.modal {
position:fixed;
top:50%;
left:50%;
z-index:1050;
width:560px;
margin:-250px 0 0 -280px;
background-color:#fff;
border:1px solid #999;
border:1px solid rgba(0,0,0,0.3);
*border:1px solid #999;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
outline:0;
-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
box-shadow:0 3px 7px rgba(0,0,0,0.3);
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box
}
.modal.fade {
top:-25%;
-webkit-transition:opacity .3s linear,top .3s ease-out;
-moz-transition:opacity .3s linear,top .3s ease-out;
-o-transition:opacity .3s linear,top .3s ease-out;
transition:opacity .3s linear,top .3s ease-out
}
.modal.fade.in {
top:50%
}
.modal-header {
padding:9px 15px;
border-bottom:1px solid #eee
}
.modal-header .close {
margin-top:2px
}
.modal-header h3 {
margin:0;
line-height:30px
}
.modal-body {
max-height:400px;
padding:15px;
overflow-y:auto
}
.modal-form {
margin-bottom:0
}
.modal-footer {
padding:14px 15px 15px;
margin-bottom:0;
text-align:right;
background-color:#f5f5f5;
border-top:1px solid #ddd;
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 #fff;
-moz-box-shadow:inset 0 1px 0 #fff;
box-shadow:inset 0 1px 0 #fff
}
.modal-footer:before,.modal-footer:after {
display:table;
line-height:0;
content:""
}
.modal-footer:after {
clear:both
}
.modal-footer .btn+.btn {
margin-bottom:0;
margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
margin-left:0
}
.tooltip {
position:absolute;
z-index:1030;
display:block;
padding:5px;
font-size:11px;
opacity:0;
filter:alpha(opacity=0);
visibility:visible
}
.tooltip.in {
opacity:.8;
filter:alpha(opacity=80)
}
.tooltip.top {
margin-top:-3px
}
.tooltip.right {
margin-left:3px
}
.tooltip.bottom {
margin-top:3px
}
.tooltip.left {
margin-left:-3px
}
.tooltip-inner {
max-width:200px;
padding:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.tooltip-arrow {
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid
}
.tooltip.top .tooltip-arrow {
bottom:0;
left:50%;
margin-left:-5px;
border-top-color:#000;
border-width:5px 5px 0
}
.tooltip.right .tooltip-arrow {
top:50%;
left:0;
margin-top:-5px;
border-right-color:#000;
border-width:5px 5px 5px 0
}
.tooltip.left .tooltip-arrow {
top:50%;
right:0;
margin-top:-5px;
border-left-color:#000;
border-width:5px 0 5px 5px
}
.tooltip.bottom .tooltip-arrow {
top:0;
left:50%;
margin-left:-5px;
border-bottom-color:#000;
border-width:0 5px 5px
}
.popover {
position:absolute;
top:0;
left:0;
z-index:1010;
display:none;
width:236px;
padding:1px;
background-color:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box
}
.popover.top {
margin-top:-10px
}
.popover.right {
margin-left:10px
}
.popover.bottom {
margin-top:10px
}
.popover.left {
margin-left:-10px
}
.popover-title {
padding:8px 14px;
margin:0;
font-size:14px;
font-weight:normal;
line-height:18px;
background-color:#f7f7f7;
border-bottom:1px solid #ebebeb;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0
}
.popover-content {
padding:9px 14px
}
.popover-content p,.popover-content ul,.popover-content ol {
margin-bottom:0
}
.popover .arrow,.popover .arrow:after {
position:absolute;
display:inline-block;
width:0;
height:0;
border-color:transparent;
border-style:solid
}
.popover .arrow:after {
z-index:-1;
content:""
}
.popover.top .arrow {
bottom:-10px;
left:50%;
margin-left:-10px;
border-top-color:#fff;
border-width:10px 10px 0
}
.popover.top .arrow:after {
bottom:-1px;
left:-11px;
border-top-color:rgba(0,0,0,0.25);
border-width:11px 11px 0
}
.popover.right .arrow {
top:50%;
left:-10px;
margin-top:-10px;
border-right-color:#fff;
border-width:10px 10px 10px 0
}
.popover.right .arrow:after {
bottom:-11px;
left:-1px;
border-right-color:rgba(0,0,0,0.25);
border-width:11px 11px 11px 0
}
.popover.bottom .arrow {
top:-10px;
left:50%;
margin-left:-10px;
border-bottom-color:#fff;
border-width:0 10px 10px
}
.popover.bottom .arrow:after {
top:-1px;
left:-11px;
border-bottom-color:rgba(0,0,0,0.25);
border-width:0 11px 11px
}
.popover.left .arrow {
top:50%;
right:-10px;
margin-top:-10px;
border-left-color:#fff;
border-width:10px 0 10px 10px
}
.popover.left .arrow:after {
right:-1px;
bottom:-11px;
border-left-color:rgba(0,0,0,0.25);
border-width:11px 0 11px 11px
}
.thumbnails {
margin-left:-20px;
list-style:none;
*zoom:1
}
.thumbnails:before,.thumbnails:after {
display:table;
line-height:0;
content:""
}
.thumbnails:after {
clear:both
}
.row-fluid .thumbnails {
margin-left:0
}
.thumbnails>li {
float:left;
margin-bottom:20px;
margin-left:20px
}
.thumbnail {
display:block;
padding:4px;
line-height:20px;
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);
box-shadow:0 1px 3px rgba(0,0,0,0.055);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
a.thumbnail:hover {
border-color:#08c;
-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);
-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);
box-shadow:0 1px 4px rgba(0,105,214,0.25)
}
.thumbnail>img {
display:block;
max-width:100%;
margin-right:auto;
margin-left:auto
}
.thumbnail .caption {
padding:9px;
color:#555
}
.media,.media-body {
overflow:hidden;
*overflow:visible;
zoom:1
}
.media,.media .media {
margin-top:15px
}
.media:first-child {
margin-top:0
}
.media-object {
display:block
}
.media-heading {
margin:0 0 5px
}
.media .pull-left {
margin-right:10px
}
.media .pull-right {
margin-left:10px
}
.media-list {
margin-left:0;
list-style:none
}
.label,.badge {
display:inline-block;
padding:2px 4px;
font-size:11.844px;
font-weight:bold;
line-height:14px;
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
white-space:nowrap;
vertical-align:baseline;
background-color:#999
}
.label {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.badge {
padding-right:9px;
padding-left:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px
}
a.label:hover,a.badge:hover {
color:#fff;
text-decoration:none;
cursor:pointer
}
.label-important,.badge-important {
background-color:#b94a48
}
.label-important[href],.badge-important[href] {
background-color:#953b39
}
.label-warning,.badge-warning {
background-color:#f89406
}
.label-warning[href],.badge-warning[href] {
background-color:#c67605
}
.label-success,.badge-success {
background-color:#468847
}
.label-success[href],.badge-success[href] {
background-color:#356635
}
.label-info,.badge-info {
background-color:#3a87ad
}
.label-info[href],.badge-info[href] {
background-color:#2d6987
}
.label-inverse,.badge-inverse {
background-color:#333
}
.label-inverse[href],.badge-inverse[href] {
background-color:#1a1a1a
}
.btn .label,.btn .badge {
position:relative;
top:-1px
}
.btn-mini .label,.btn-mini .badge {
top:0
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position:0 0
}
to {
background-position:40px 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
.progress {
height:20px;
margin-bottom:20px;
overflow:hidden;
background-color:#f7f7f7;
background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)
}
.progress .bar {
float:left;
width:0;
height:100%;
font-size:12px;
color:#fff;
text-align:center;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#0e90d2;
background-image:-moz-linear-gradient(top,#149bdf,#0480be);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
background-image:-webkit-linear-gradient(top,#149bdf,#0480be);
background-image:-o-linear-gradient(top,#149bdf,#0480be);
background-image:linear-gradient(to bottom,#149bdf,#0480be);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:width .6s ease;
-moz-transition:width .6s ease;
-o-transition:width .6s ease;
transition:width .6s ease
}
.progress .bar+.bar {
-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)
}
.progress-striped .bar {
background-color:#149bdf;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-o-background-size:40px 40px;
background-size:40px 40px
}
.progress.active .bar {
-webkit-animation:progress-bar-stripes 2s linear infinite;
-moz-animation:progress-bar-stripes 2s linear infinite;
-ms-animation:progress-bar-stripes 2s linear infinite;
-o-animation:progress-bar-stripes 2s linear infinite;
animation:progress-bar-stripes 2s linear infinite
}
.progress-danger .bar,.progress .bar-danger {
background-color:#dd514c;
background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);
background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);
background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)
}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
background-color:#ee5f5b;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.progress-success .bar,.progress .bar-success {
background-color:#5eb95e;
background-image:-moz-linear-gradient(top,#62c462,#57a957);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
background-image:-webkit-linear-gradient(top,#62c462,#57a957);
background-image:-o-linear-gradient(top,#62c462,#57a957);
background-image:linear-gradient(to bottom,#62c462,#57a957);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)
}
.progress-success.progress-striped .bar,.progress-striped .bar-success {
background-color:#62c462;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.progress-info .bar,.progress .bar-info {
background-color:#4bb1cf;
background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);
background-image:-o-linear-gradient(top,#5bc0de,#339bb9);
background-image:linear-gradient(to bottom,#5bc0de,#339bb9);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)
}
.progress-info.progress-striped .bar,.progress-striped .bar-info {
background-color:#5bc0de;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.progress-warning .bar,.progress .bar-warning {
background-color:#faa732;
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(to bottom,#fbb450,#f89406);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)
}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning {
background-color:#fbb450;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.accordion {
margin-bottom:20px
}
.accordion-group {
margin-bottom:2px;
border:1px solid #e5e5e5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.accordion-heading {
border-bottom:0
}
.accordion-heading .accordion-toggle {
display:block;
padding:8px 15px
}
.accordion-toggle {
cursor:pointer
}
.accordion-inner {
padding:9px 15px;
border-top:1px solid #e5e5e5
}
.carousel {
position:relative;
margin-bottom:20px;
line-height:1
}
.carousel-inner {
position:relative;
width:100%;
overflow:hidden
}
.carousel .item {
position:relative;
display:none;
-webkit-transition:.6s ease-in-out left;
-moz-transition:.6s ease-in-out left;
-o-transition:.6s ease-in-out left;
transition:.6s ease-in-out left
}
.carousel .item>img {
display:block;
line-height:1
}
.carousel .active,.carousel .next,.carousel .prev {
display:block
}
.carousel .active {
left:0
}
.carousel .next,.carousel .prev {
position:absolute;
top:0;
width:100%
}
.carousel .next {
left:100%
}
.carousel .prev {
left:-100%
}
.carousel .next.left,.carousel .prev.right {
left:0
}
.carousel .active.left {
left:-100%
}
.carousel .active.right {
left:100%
}
.carousel-control {
position:absolute;
top:40%;
left:15px;
width:40px;
height:40px;
margin-top:-20px;
font-size:60px;
font-weight:100;
line-height:30px;
color:#fff;
text-align:center;
background:#222;
border:3px solid #fff;
-webkit-border-radius:23px;
-moz-border-radius:23px;
border-radius:23px;
opacity:.5;
filter:alpha(opacity=50)
}
.carousel-control.right {
right:15px;
left:auto
}
.carousel-control:hover {
color:#fff;
text-decoration:none;
opacity:.9;
filter:alpha(opacity=90)
}
.carousel-caption {
position:absolute;
right:0;
bottom:0;
left:0;
padding:15px;
background:#333;
background:rgba(0,0,0,0.75)
}
.carousel-caption h4,.carousel-caption p {
line-height:20px;
color:#fff
}
.carousel-caption h4 {
margin:0 0 5px
}
.carousel-caption p {
margin-bottom:0
}
.hero-unit {
padding:60px;
margin-bottom:30px;
font-size:18px;
font-weight:200;
line-height:30px;
color:inherit;
background-color:#eee;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.hero-unit h1 {
margin-bottom:0;
font-size:60px;
line-height:1;
letter-spacing:-1px;
color:inherit
}
.hero-unit li {
line-height:30px
}
.pull-right {
float:right
}
.pull-left {
float:left
}
.hide {
display:none
}
.show {
display:block
}
.invisible {
visibility:hidden
}
.affix {
position:fixed
}
/*!
* Bootstrap Responsive v2.2.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
line-height:0;
content:""
}
.clearfix:after {
clear:both
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.input-block-level {
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.hidden {
display:none;
visibility:hidden
}
.visible-phone {
display:none!important
}
.visible-tablet {
display:none!important
}
.hidden-desktop {
display:none!important
}
.visible-desktop {
display:inherit!important
}
@media(min-width:768px) and (max-width:979px) {
.hidden-desktop {
display:inherit!important
}
.visible-desktop {
display:none!important
}
.visible-tablet {
display:inherit!important
}
.hidden-tablet {
display:none!important
}
}
@media(max-width:767px) {
.hidden-desktop {
display:inherit!important
}
.visible-desktop {
display:none!important
}
.visible-phone {
display:inherit!important
}
.hidden-phone {
display:none!important
}
}
@media(min-width:1200px) {
.row {
margin-left:-30px;
*zoom:1
}
.row:before,.row:after {
display:table;
line-height:0;
content:""
}
.row:after {
clear:both
}
[class*="span"] {
float:left;
min-height:1px;
margin-left:30px
}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
width:1170px
}
.span12 {
width:1170px
}
.span11 {
width:1070px
}
.span10 {
width:970px
}
.span9 {
width:870px
}
.span8 {
width:770px
}
.span7 {
width:670px
}
.span6 {
width:570px
}
.span5 {
width:470px
}
.span4 {
width:370px
}
.span3 {
width:270px
}
.span2 {
width:170px
}
.span1 {
width:70px
}
.offset12 {
margin-left:1230px
}
.offset11 {
margin-left:1130px
}
.offset10 {
margin-left:1030px
}
.offset9 {
margin-left:930px
}
.offset8 {
margin-left:830px
}
.offset7 {
margin-left:730px
}
.offset6 {
margin-left:630px
}
.offset5 {
margin-left:530px
}
.offset4 {
margin-left:430px
}
.offset3 {
margin-left:330px
}
.offset2 {
margin-left:230px
}
.offset1 {
margin-left:130px
}
.row-fluid {
width:100%;
*zoom:1
}
.row-fluid:before,.row-fluid:after {
display:table;
line-height:0;
content:""
}
.row-fluid:after {
clear:both
}
.row-fluid [class*="span"] {
display:block;
float:left;
width:100%;
min-height:30px;
margin-left:2.564102564102564%;
*margin-left:2.5109110747408616%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.row-fluid [class*="span"]:first-child {
margin-left:0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
margin-left:2.564102564102564%
}
.row-fluid .span12 {
width:100%;
*width:99.94680851063829%
}
.row-fluid .span11 {
width:91.45299145299145%;
*width:91.39979996362975%
}
.row-fluid .span10 {
width:82.90598290598291%;
*width:82.8527914166212%
}
.row-fluid .span9 {
width:74.35897435897436%;
*width:74.30578286961266%
}
.row-fluid .span8 {
width:65.81196581196582%;
*width:65.75877432260411%
}
.row-fluid .span7 {
width:57.26495726495726%;
*width:57.21176577559556%
}
.row-fluid .span6 {
width:48.717948717948715%;
*width:48.664757228587014%
}
.row-fluid .span5 {
width:40.17094017094017%;
*width:40.11774868157847%
}
.row-fluid .span4 {
width:31.623931623931625%;
*width:31.570740134569924%
}
.row-fluid .span3 {
width:23.076923076923077%;
*width:23.023731587561375%
}
.row-fluid .span2 {
width:14.52991452991453%;
*width:14.476723040552828%
}
.row-fluid .span1 {
width:5.982905982905983%;
*width:5.929714493544281%
}
.row-fluid .offset12 {
margin-left:105.12820512820512%;
*margin-left:105.02182214948171%
}
.row-fluid .offset12:first-child {
margin-left:102.56410256410257%;
*margin-left:102.45771958537915%
}
.row-fluid .offset11 {
margin-left:96.58119658119658%;
*margin-left:96.47481360247316%
}
.row-fluid .offset11:first-child {
margin-left:94.01709401709402%;
*margin-left:93.91071103837061%
}
.row-fluid .offset10 {
margin-left:88.03418803418803%;
*margin-left:87.92780505546462%
}
.row-fluid .offset10:first-child {
margin-left:85.47008547008548%;
*margin-left:85.36370249136206%
}
.row-fluid .offset9 {
margin-left:79.48717948717949%;
*margin-left:79.38079650845607%
}
.row-fluid .offset9:first-child {
margin-left:76.92307692307693%;
*margin-left:76.81669394435352%
}
.row-fluid .offset8 {
margin-left:70.94017094017094%;
*margin-left:70.83378796144753%
}
.row-fluid .offset8:first-child {
margin-left:68.37606837606839%;
*margin-left:68.26968539734497%
}
.row-fluid .offset7 {
margin-left:62.393162393162385%;
*margin-left:62.28677941443899%
}
.row-fluid .offset7:first-child {
margin-left:59.82905982905982%;
*margin-left:59.72267685033642%
}
.row-fluid .offset6 {
margin-left:53.84615384615384%;
*margin-left:53.739770867430444%
}
.row-fluid .offset6:first-child {
margin-left:51.28205128205128%;
*margin-left:51.175668303327875%
}
.row-fluid .offset5 {
margin-left:45.299145299145295%;
*margin-left:45.1927623204219%
}
.row-fluid .offset5:first-child {
margin-left:42.73504273504273%;
*margin-left:42.62865975631933%
}
.row-fluid .offset4 {
margin-left:36.75213675213675%;
*margin-left:36.645753773413354%
}
.row-fluid .offset4:first-child {
margin-left:34.18803418803419%;
*margin-left:34.081651209310785%
}
.row-fluid .offset3 {
margin-left:28.205128205128204%;
*margin-left:28.0987452264048%
}
.row-fluid .offset3:first-child {
margin-left:25.641025641025642%;
*margin-left:25.53464266230224%
}
.row-fluid .offset2 {
margin-left:19.65811965811966%;
*margin-left:19.551736679396257%
}
.row-fluid .offset2:first-child {
margin-left:17.094017094017094%;
*margin-left:16.98763411529369%
}
.row-fluid .offset1 {
margin-left:11.11111111111111%;
*margin-left:11.004728132387708%
}
.row-fluid .offset1:first-child {
margin-left:8.547008547008547%;
*margin-left:8.440625568285142%
}
input,textarea,.uneditable-input {
margin-left:0
}
.controls-row [class*="span"]+[class*="span"] {
margin-left:30px
}
input.span12,textarea.span12,.uneditable-input.span12 {
width:1156px
}
input.span11,textarea.span11,.uneditable-input.span11 {
width:1056px
}
input.span10,textarea.span10,.uneditable-input.span10 {
width:956px
}
input.span9,textarea.span9,.uneditable-input.span9 {
width:856px
}
input.span8,textarea.span8,.uneditable-input.span8 {
width:756px
}
input.span7,textarea.span7,.uneditable-input.span7 {
width:656px
}
input.span6,textarea.span6,.uneditable-input.span6 {
width:556px
}
input.span5,textarea.span5,.uneditable-input.span5 {
width:456px
}
input.span4,textarea.span4,.uneditable-input.span4 {
width:356px
}
input.span3,textarea.span3,.uneditable-input.span3 {
width:256px
}
input.span2,textarea.span2,.uneditable-input.span2 {
width:156px
}
input.span1,textarea.span1,.uneditable-input.span1 {
width:56px
}
.thumbnails {
margin-left:-30px
}
.thumbnails>li {
margin-left:30px
}
.row-fluid .thumbnails {
margin-left:0
}
}
@media(min-width:768px) and (max-width:979px) {
.row {
margin-left:-20px;
*zoom:1
}
.row:before,.row:after {
display:table;
line-height:0;
content:""
}
.row:after {
clear:both
}
[class*="span"] {
float:left;
min-height:1px;
margin-left:20px
}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
width:724px
}
.span12 {
width:724px
}
.span11 {
width:662px
}
.span10 {
width:600px
}
.span9 {
width:538px
}
.span8 {
width:476px
}
.span7 {
width:414px
}
.span6 {
width:352px
}
.span5 {
width:290px
}
.span4 {
width:228px
}
.span3 {
width:166px
}
.span2 {
width:104px
}
.span1 {
width:42px
}
.offset12 {
margin-left:764px
}
.offset11 {
margin-left:702px
}
.offset10 {
margin-left:640px
}
.offset9 {
margin-left:578px
}
.offset8 {
margin-left:516px
}
.offset7 {
margin-left:454px
}
.offset6 {
margin-left:392px
}
.offset5 {
margin-left:330px
}
.offset4 {
margin-left:268px
}
.offset3 {
margin-left:206px
}
.offset2 {
margin-left:144px
}
.offset1 {
margin-left:82px
}
.row-fluid {
width:100%;
*zoom:1
}
.row-fluid:before,.row-fluid:after {
display:table;
line-height:0;
content:""
}
.row-fluid:after {
clear:both
}
.row-fluid [class*="span"] {
display:block;
float:left;
width:100%;
min-height:30px;
margin-left:2.7624309392265194%;
*margin-left:2.709239449864817%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.row-fluid [class*="span"]:first-child {
margin-left:0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
margin-left:2.7624309392265194%
}
.row-fluid .span12 {
width:100%;
*width:99.94680851063829%
}
.row-fluid .span11 {
width:91.43646408839778%;
*width:91.38327259903608%
}
.row-fluid .span10 {
width:82.87292817679558%;
*width:82.81973668743387%
}
.row-fluid .span9 {
width:74.30939226519337%;
*width:74.25620077583166%
}
.row-fluid .span8 {
width:65.74585635359117%;
*width:65.69266486422946%
}
.row-fluid .span7 {
width:57.18232044198895%;
*width:57.12912895262725%
}
.row-fluid .span6 {
width:48.61878453038674%;
*width:48.56559304102504%
}
.row-fluid .span5 {
width:40.05524861878453%;
*width:40.00205712942283%
}
.row-fluid .span4 {
width:31.491712707182323%;
*width:31.43852121782062%
}
.row-fluid .span3 {
width:22.92817679558011%;
*width:22.87498530621841%
}
.row-fluid .span2 {
width:14.3646408839779%;
*width:14.311449394616199%
}
.row-fluid .span1 {
width:5.801104972375691%;
*width:5.747913483013988%
}
.row-fluid .offset12 {
margin-left:105.52486187845304%;
*margin-left:105.41847889972962%
}
.row-fluid .offset12:first-child {
margin-left:102.76243093922652%;
*margin-left:102.6560479605031%
}
.row-fluid .offset11 {
margin-left:96.96132596685082%;
*margin-left:96.8549429881274%
}
.row-fluid .offset11:first-child {
margin-left:94.1988950276243%;
*margin-left:94.09251204890089%
}
.row-fluid .offset10 {
margin-left:88.39779005524862%;
*margin-left:88.2914070765252%
}
.row-fluid .offset10:first-child {
margin-left:85.6353591160221%;
*margin-left:85.52897613729868%
}
.row-fluid .offset9 {
margin-left:79.8342541436464%;
*margin-left:79.72787116492299%
}
.row-fluid .offset9:first-child {
margin-left:77.07182320441989%;
*margin-left:76.96544022569647%
}
.row-fluid .offset8 {
margin-left:71.2707182320442%;
*margin-left:71.16433525332079%
}
.row-fluid .offset8:first-child {
margin-left:68.50828729281768%;
*margin-left:68.40190431409427%
}
.row-fluid .offset7 {
margin-left:62.70718232044199%;
*margin-left:62.600799341718584%
}
.row-fluid .offset7:first-child {
margin-left:59.94475138121547%;
*margin-left:59.838368402492065%
}
.row-fluid .offset6 {
margin-left:54.14364640883978%;
*margin-left:54.037263430116376%
}
.row-fluid .offset6:first-child {
margin-left:51.38121546961326%;
*margin-left:51.27483249088986%
}
.row-fluid .offset5 {
margin-left:45.58011049723757%;
*margin-left:45.47372751851417%
}
.row-fluid .offset5:first-child {
margin-left:42.81767955801105%;
*margin-left:42.71129657928765%
}
.row-fluid .offset4 {
margin-left:37.01657458563536%;
*margin-left:36.91019160691196%
}
.row-fluid .offset4:first-child {
margin-left:34.25414364640884%;
*margin-left:34.14776066768544%
}
.row-fluid .offset3 {
margin-left:28.45303867403315%;
*margin-left:28.346655695309746%
}
.row-fluid .offset3:first-child {
margin-left:25.69060773480663%;
*margin-left:25.584224756083227%
}
.row-fluid .offset2 {
margin-left:19.88950276243094%;
*margin-left:19.783119783707537%
}
.row-fluid .offset2:first-child {
margin-left:17.12707182320442%;
*margin-left:17.02068884448102%
}
.row-fluid .offset1 {
margin-left:11.32596685082873%;
*margin-left:11.219583872105325%
}
.row-fluid .offset1:first-child {
margin-left:8.56353591160221%;
*margin-left:8.457152932878806%
}
input,textarea,.uneditable-input {
margin-left:0
}
.controls-row [class*="span"]+[class*="span"] {
margin-left:20px
}
input.span12,textarea.span12,.uneditable-input.span12 {
width:710px
}
input.span11,textarea.span11,.uneditable-input.span11 {
width:648px
}
input.span10,textarea.span10,.uneditable-input.span10 {
width:586px
}
input.span9,textarea.span9,.uneditable-input.span9 {
width:524px
}
input.span8,textarea.span8,.uneditable-input.span8 {
width:462px
}
input.span7,textarea.span7,.uneditable-input.span7 {
width:400px
}
input.span6,textarea.span6,.uneditable-input.span6 {
width:338px
}
input.span5,textarea.span5,.uneditable-input.span5 {
width:276px
}
input.span4,textarea.span4,.uneditable-input.span4 {
width:214px
}
input.span3,textarea.span3,.uneditable-input.span3 {
width:152px
}
input.span2,textarea.span2,.uneditable-input.span2 {
width:90px
}
input.span1,textarea.span1,.uneditable-input.span1 {
width:28px
}
}
@media(max-width:767px) {
body {
padding-right:20px;
padding-left:20px
}
.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top {
margin-right:-20px;
margin-left:-20px
}
.container-fluid {
padding:0
}
.dl-horizontal dt {
float:none;
width:auto;
clear:none;
text-align:left
}
.dl-horizontal dd {
margin-left:0
}
.container {
width:auto
}
.row-fluid {
width:100%
}
.row,.thumbnails {
margin-left:0
}
.thumbnails>li {
float:none;
margin-left:0
}
[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"] {
display:block;
float:none;
width:100%;
margin-left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.span12,.row-fluid .span12 {
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.row-fluid [class*="offset"]:first-child {
margin-left:0
}
.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input {
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"] {
display:inline-block;
width:auto
}
.controls-row [class*="span"]+[class*="span"] {
margin-left:0
}
.modal {
position:fixed;
top:20px;
right:20px;
left:20px;
width:auto;
margin:0
}
.modal.fade {
top:-100px
}
.modal.fade.in {
top:20px
}
}
@media(max-width:480px) {
.nav-collapse {
-webkit-transform:translate3d(0,0,0)
}
.page-header h1 small {
display:block;
line-height:20px
}
input[type="checkbox"],input[type="radio"] {
border:1px solid #ccc
}
.form-horizontal .control-label {
float:none;
width:auto;
padding-top:0;
text-align:left
}
.form-horizontal .controls {
margin-left:0
}
.form-horizontal .control-list {
padding-top:0
}
.form-horizontal .form-actions {
padding-right:10px;
padding-left:10px
}
.media .pull-left,.media .pull-right {
display:block;
float:none;
margin-bottom:10px
}
.media-object {
margin-right:0;
margin-left:0
}
.modal {
top:10px;
right:10px;
left:10px
}
.modal-header .close {
padding:10px;
margin:-10px
}
.carousel-caption {
position:static
}
}
@media(max-width:979px) {
body {
padding-top:0
}
.navbar-fixed-top,.navbar-fixed-bottom {
position:static
}
.navbar-fixed-top {
margin-bottom:20px
}
.navbar-fixed-bottom {
margin-top:20px
}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {
padding:5px
}
.navbar .container {
width:auto;
padding:0
}
.navbar .brand {
padding-right:10px;
padding-left:10px;
margin:0 0 0 -5px
}
.nav-collapse {
clear:both
}
.nav-collapse .nav {
float:none;
margin:0 0 10px
}
.nav-collapse .nav>li {
float:none
}
.nav-collapse .nav>li>a {
margin-bottom:2px
}
.nav-collapse .nav>.divider-vertical {
display:none
}
.nav-collapse .nav .nav-header {
color:#777;
text-shadow:none
}
.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a {
padding:9px 15px;
font-weight:bold;
color:#777;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.nav-collapse .btn {
padding:4px 10px 4px;
font-weight:normal;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.nav-collapse .dropdown-menu li+li a {
margin-bottom:2px
}
.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover {
background-color:#f2f2f2
}
.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a {
color:#999
}
.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover {
background-color:#111
}
.nav-collapse.in .btn-group {
padding:0;
margin-top:5px
}
.nav-collapse .dropdown-menu {
position:static;
top:auto;
left:auto;
display:none;
float:none;
max-width:none;
padding:0;
margin:0 15px;
background-color:transparent;
border:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.nav-collapse .open>.dropdown-menu {
display:block
}
.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after {
display:none
}
.nav-collapse .dropdown-menu .divider {
display:none
}
.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after {
display:none
}
.nav-collapse .navbar-form,.nav-collapse .navbar-search {
float:none;
padding:10px 15px;
margin:10px 0;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)
}
.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search {
border-top-color:#111;
border-bottom-color:#111
}
.navbar .nav-collapse .nav.pull-right {
float:none;
margin-left:0
}
.nav-collapse,.nav-collapse.collapse {
height:0;
overflow:hidden
}
.navbar .btn-navbar {
display:block
}
.navbar-static .navbar-inner {
padding-right:10px;
padding-left:10px
}
}
@media(min-width:980px) {
.nav-collapse.collapse {
height:auto!important;
overflow:visible!important
}
}
/*
* jQuery UI CSS Framework @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* ~~Layout helpers~~*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; /*clear: both;*/ visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ~~Component containers~~*/
.ui-widget { font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 11px; }
.ui-widget-content { background: #FFF; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { font-weight: bold; }
.ui-widget-header a { color: #222222; }
/*~~Interaction states~~*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-left: 1px solid #d5d5d5; font-weight: normal; border-bottom: 1px solid #D5D5D5; }
th.ui-state-default:first-child { border-left: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #fafafa; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #797979; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #f5f5f5; font-weight: normal; color: #5a95ba; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #797979; text-decoration: none; }
.ui-widget :active { outline: none; }
/*~~Interaction Cues~~*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/*~~Icons~~*/
/*~~states and images~~*/
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_5F256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_5F256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_5F256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_5F256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_5F256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_5F256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_5F256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_5F256x240.png); }
/*~~positioning~~*/
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/*~~Misc visuals~~*/
.ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-right { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
/*~~Overlays~~*/
.ui-widget-overlay { background: #333; opacity: .25;filter:Alpha(Opacity=25); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_5F40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/*~~UI selectabl~~*/
.ui-selected{background-color: #fff8c4 !important;}
.ui-selecting{background-color: #F9F9F9 !important;}
/*~~UI resizable~~*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion { position: relative;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 1px solid #F0F0F0;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: 0px; position: relative; top: 0px; margin-bottom: 0px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-accordion-content p{margin: 5px 10px;}
/*~~UI autocomplete~~*/
.ui-autocomplete { position: absolute; display: none; padding: 0; z-index: 100!important; border: 1px solid #d5d5d5; border-top: none; max-height: 185px; overflow: auto; }
.ui-autocomplete .ui-state-hover { background: none; padding: 6px 10px 7px 32px; }
/*~~button text element~~*/
.ui-button .ui-button-text { display: block; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
input.ui-button { padding: .4em 1em; }
/*~~button icon element(s)~~*/
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*~~button sets~~*/
.ui-buttonset { margin-right: 5px; }
.ui-buttonset .ui-button { margin: 0 3px; background: #FAFAFA; border: 1px solid #D5D5D5; line-height: 14px; font-size: 11px; }
/*~~workarounds~~*/
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*~~UI Dialog~~*/
.ui-dialog { position: absolute; padding: 0px; width: auto; background: #44688C; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
.ui-dialog form { }
.ui-dialog form label { float: left; cursor: pointer; margin-bottom: 3px; }
.dialogSelect label { margin: 4px 15px 0 0; }
.customDialog { padding: 0!important; }
.ui-dialog .icon { padding: 1px 6px 0 0; float: left; }
.ui-dialog .titleIcon { position: absolute; top: -10px; }
.ui-dialog p { padding: 5px 10px !important; }
.ui-dialog .ui-dialog-titlebar { position: relative; border: 1px solid #DDD; color: #fff; box-shadow: 0 1px 0 #fff; background: #FFF; background-clip: padding-box;
-webkit-box-shadow: inset 0 1px white; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px white;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
padding: 10px 10px 7px 10px;
}
.ui-dialog .ui-dialog-title { color: #333; font-size: 14px; font-weight: normal; text-shadow: 0 1px white; line-height: 20px;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 6px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-content { position: relative; overflow: auto; zoom: 1; padding: 10px; background: #FFF; clear: both; border: 1px solid #DDD !important; border-top: 0px !important;}
.ui-dialog .ui-dialog-content.dialog{padding: 10px;}
.ui-dialog .ui-dialog-content.dialog-fluid{padding: 0px;}
.ui-dialog .ui-dialog-content .block,
.ui-dialog .ui-dialog-content .block-fluid{margin-bottom: 0px !important;}
.ui-dialog .ui-dialog-buttonpane { padding: 0 12px; font-size: .9em; border: 1px solid #CCC; border-top: none; padding: 10px 0; text-shadow: 0 1px white;
background: #FFF;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: right; margin: 0 4px; }
.ui-dialog .ui-dialog-buttonpane button { font-size: 11px; font-weight: normal; display: inline-block; line-height: 14px; padding: 7px 16px; margin: 0 5px; border: 1px solid #54A1E6;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #009AD7;
border: 1px solid #009AD7;}
.ui-dialog .ui-dialog-buttonpane button:hover { opacity: 0.95; -webkit-transition: opacity 0.2s ease-in-out; }
.ui-dialog .ui-dialog-buttonpane button:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 5px; bottom: 5px; opacity: 0.3; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-titlebar-close{width: 20px; height: 20px; border: 0px; background: url('images/close.jpg') left top no-repeat;}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus{background: url('images/close.jpg') left top no-repeat !important;}
/*~~UI Slider~~*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: url(images/slider.png) no-repeat; border: none; cursor: pointer; }
.ui-slider .ui-slider-handle:hover { background-position: 0 -17px; }
.ui-slider .ui-slider-handle:active { background-position: 0 -32px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; font-size: .7em; display: block; border: 1px solid #009AD7; background: #009AD7;}
.ui-slider-horizontal { width:50%; height: 4px; background: #d7d7d7; border: 1px solid #bababa; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; clear: both; margin: 8px 0; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: -1px; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { height: 100px; width: 4px; background: #d7d7d7; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; margin: 8px 10px 0px 10px; float: left;}
.ui-slider-vertical .ui-slider-handle { left: -6px; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 2px; background: #009AD7;}
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
#eq span { height: 120px; float: left; margin-right: 30px; display: block; }
/*~~UI Tabs~~*/
.ui-tabs { position: relative; padding: 0px; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0px 0px 5px 0px; padding: 0px; width: 100%; float: left; border-bottom: 1px solid #DDD;}
.ui-tabs .ui-tabs-nav .ui-state-default{border-left: 0px; border-right: 1px solid #DDD; background-color: #F1F1F1;}
.ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active{background-color: #F5F5F5;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 10px 8px 10px; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 10px 0px; background: none; }
.ui-tabs .ui-tabs-panel p {margin: 5px 10px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/*~~UI Datepicker~~*/
.datepicker { width: 100%;}
.datesRange li { float:left; }
.datesRange li.separator { margin: 0 10px; color: #ddd; }
.datesRange li input[type=text] { width: 78px!important; }
.ui-datepicker-append { margin-left: 14px; font-size: 11px; line-height: 26px; }
.ui-datepicker {display: none; -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); padding: 5px;}
.ui-datepicker-inline { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px;}
.ui-datepicker .ui-datepicker-header { position:relative; padding: 7px 0px 0px; border:0px; font-weight: bold; font-size: 11px; width: 100%; color: #FFF;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 9px; width: 1.8em; height: 1.8em; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:7px; }
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; width: 6px; cursor: pointer; height: 9px; position: absolute; left: 50%; top: 4px; background: url(images/dateArrows.png) no-repeat 0; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0 0; }
.ui-datepicker .ui-datepicker-next span { background-position: -8px 0; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; color: #333; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 14px; font-weight: normal; text-shadow: 0 1px white; line-height: 20px;}
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0;}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; line-height: 14px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.sidebar .ui-datepicker-inline { background: transparent; }
.sidebar .ui-datepicker-inline .ui-datepicker-title{color: #C9C9C9; text-shadow: none;}
.sidebar .ui-datepicker-inline th{border-color: #D53F26;}
.sidebar .ui-datepicker-inline td .ui-state-default{background: transparent; color: #C9C9C9;}
.sidebar .ui-datepicker-inline td .ui-state-active{border: 1px solid #D53F26;}
/*~~with multiple calendars~~*/
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group:first-child { border-left: none; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/*~~RTL support~~*/
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker th { font-weight: normal; color: #666; border-bottom: 1px solid #009AD7;}
.ui-datepicker-today a:hover{ background-color: #808080; color: #ffffff; }
.ui-datepicker-today a{ background-color: #BFBFBF; cursor: pointer; padding: 0 1px; margin-bottom:0px; }
.ui-datepicker td a{ margin-bottom:0px; border:0px; }
.ui-datepicker td:hover{ color:white; }
.ui-datepicker td .ui-state-default {background: #FFF; margin-bottom:0px; padding:6px; color: #333; text-align: center; filter:none; border: 1px solid transparent;}
.ui-datepicker td .ui-state-active{ background: #009AD7; margin-bottom:0px; font-size: normal; text-shadow: none; color:white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.ui-datepicker td .ui-state-default:hover{border: 1px solid #D53F26; color: #C9C9C9; text-shadow: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
/*~~UI Progress bar~~*/
.ui-progressbar { height: 16px; text-align: left; margin-top: 5px; padding: 2px; background: #EEE; border: 1px solid #D9D9D9; clear: both;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; overflow: hidden; display: block; background: url(images/pboverlay.png) repeat-x; border-right: 1px solid #55a2e6;}
.pbar .ui-progressbar-value {display:block !important}
.pbar, .precent, elapsed { display: block; }
.percent, .elapsed { position: relative; font-size: 11px; color: #333; line-height: 19px;}
.pbar { overflow: hidden; }
.percent { float: right; }
.elapsed { float: left;}
/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.checker span,
div.radio span{
background-image: url(../../img/uniform/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.radio,
.checker,
.radio *,
.checker *{
margin: 0;
padding: 0;
}
/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 3px;
color: #777;
background: url('../../img/uniform/bg-input-focus.png') repeat-x 0px 0px;
background: url('../../img/uniform/bg-input.png') repeat-x 0px 0px;
border-top: solid 1px #aaa;
border-left: solid 1px #aaa;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: 0;
}
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
border-color: #999;
background: url('../../img/uniform/bg-input-focus.png') repeat-x 0px 0px;
}
/* SPRITES */
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
display:block!important;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span,
div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Checker */
div.checker {
margin-right: 5px;
margin-top: -3px;
margin-bottom: 0px !important;
}
/* Radio */
div.radio {
margin-right: 3px;
margin-top: -3px;
margin-bottom: 0px !important;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.checker,
.radio{
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
background: none;
margin: 0px;
display: block;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: center;
background: none;
float: none !important;
margin: 0px !important;
display: block;
}
.label, .dblue{background: #005683 !important;}
.label-info, .badge-info, .blue{background: #009AD7 !important;}
.label-warning, .badge-warning, .yellow{background: #FFAA31 !important;}
.label-success, .badge-success, .green{background: #68AF27 !important;}
.label-important, .label-important, .red{background: #C22439 !important;}
.purple{background: #673499 !important;}
.orange{background: #D53F26 !important;}
.cblue{color: #009AD7 !important;}
.cyellow{color: #FFAA31 !important;}
.cgreen{color: #68AF27 !important;}
.cred{color: #C22439 !important;}
.cdblue{color: #005683 !important;}
.cpurple{color: #673499 !important;}
.corange{color: #D53F26 !important;}
.blblue{border-left-color: #009AD7 !important;}
.blyellow{border-left-color: #FFAA31 !important;}
.blgreen{border-left-color: #68AF27 !important;}
.blred{border-left-color: #C22439 !important;}
.bldblue{border-left-color: #005683 !important;}
.blpurple{border-left-color: #673499 !important;}
.blorange{border-left-color: #D53F26 !important;}
/*.block .head.blue h2, .block .head.yellow h2, .block .head.green h2, .block .head.red h2,
.block .head.dblue h2, .block .head.purple h2, .block .head.orange h2{text-shadow: 0px 0px 1px rgba(0,0,0,0.2);}*/
.block .head.blue *, .block .head.yellow *, .block .head.green *, .block .head.red *,
.block .head.dblue *, .block .head.purple *, .block .head.orange *{color: #FFF !important; border-color: #FFF !important;}
.btn{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px; background: #009AD7; color: #F9F9F9; text-shadow: none; margin-bottom: 3px;}
.btn:hover,.btn-primary:active,.btn[disabled],.btn.disabled{background: #008DC4; color: #FFF;}
.btn-primary{background: #005683;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active{background: #00486F;}
.btn-detona{background: #F9F9F9; margin-top: 2px; margin-bottom:6px; padding:0px; line-height:15px; vertical-align:top; }
.btn-detona:hover,.btn-detona:active,.btn-detona.active{background: #F9F9F9; margin-top: 2px; margin-bottom:6px; padding:0px; line-height:15px; vertical-align:top; }
.btn-info{background: #FFAA31;}
.btn-info:hover,.btn-info:active,.btn-info.active{background: #FF990F;}
.btn-success{background: #68AF27;}
.btn-success:hover,.btn-success:active,.btn-success.active{background: #5A9922;}
.btn-warning{background: #D53F26;}
.btn-warning:hover,.btn-warning:active,.btn-warning.active{background: #CC3E24;}
.btn-danger{background: #C22439;}
.btn-danger:hover,.btn-danger:active,.btn-danger.active{background: #AA2031;}
.btn-inverse{background: #222; }
.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active{background: #1A1A1D;}
.btn-link{background: transparent; color: #333;}
.btn-link:hover,.btn-link:active,.btn-link.active{background: transparent; color: #333;}
.btn.disabled,.open .btn.dropdown-toggle{background-color: #008DC4 !important;}
.btn.btn-primary.disabled,.open .btn-primary.dropdown-toggle{background-color: #00486F !important;}
.btn.btn-detona.disabled,.open .btn-detona.dropdown-toggle{background-color: #ffffff !important; margin-top: 2px; margin-bottom:6px; padding:0px; line-height:15px; vertical-align:top; }
.btn.btn-info.disabled,.open .btn-info.dropdown-toggle{background-color: #FF990F !important;}
.btn.btn-success.disabled,.open .btn-success.dropdown-toggle{background-color: #5A9922 !important;}
.btn.btn-warning.disabled,.open .btn-warning.dropdown-toggle{background-color: #CC3E24 !important;}
.btn.btn-danger.disabled,.open .btn-danger.dropdown-toggle{background-color: #AA2031 !important;}
.btn.btn-inverse.disabled,.open .btn-inverse.dropdown-toggle{background-color: #1A1A1D !important;}
.btn.btn-link.disabled,.open .btn-link.dropdown-toggle{background-color: transparent !important;}
/* Defaults */
.tal{text-align: left !important;} .tar{text-align: right !important;} .tac{text-align: center !important;}
.fl{float: left !important;} .fl{float: right !important;}
.nm{margin: 0px !important;} .nmt{margin-top: 0px !important;} .nmb{margin-bottom: 0px !important;} .nmr{margin-right: 0px !important;} .nml{margin-left: 0px !important;}
.np{padding: 0px !important;} .npt{padding-top: 0px !important;} .npb{padding-bottom: 0px !important;} .npr{padding-right: 0px !important;} .npl{padding-left: 0px !important;}
a{outline: none !important;}
form{margin: 0px;}
.img-polaroid{border-color: #E5E5E5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.sourcePosition{top: 20px !important; position: fixed !important;}
#loader{position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 9999; background: url('../img/wpoint.png') left top repeat;}
#loader img{position: absolute; left: 50%; top: 50%;}
.wrapper{position: relative; margin: 0px 20px 0px 0px;}
.wrapper.fixed{width: 1280px; margin: 0px auto;}
/* sidebar */
.sidebar{min-height: 100%; position: absolute; z-index: 10; left: 0px; top: 0px; width: 220px; padding: 0px 20px 0px 10px; background: url('../img/nav_line.jpg') right top repeat-y #191818;}
.sidebar .top{float: left; width: 220px; margin: 30px 0px 15px 0px;}
.sidebar .top .logo{width: 220px; height: 125px; float: left; display: block; background: url('../img/logo.png') left top no-repeat; }
.sidebar .top .search{width: 220px; float: left;}
/* simple navigation */
.sidebar .nContainer{float: left; display: block;}
.sidebar .close{display: none; position: absolute; right: 5px; top: 5px; }
.sidebar .navigation{width: 220px; margin: 10px 0px 20px; padding: 0px; list-style: none; display: block; float: left; position: relative;}
.sidebar .navigation > li{position: relative; width: 220px; float: left; display: block;}
.sidebar .navigation > li > a{font-size: 20px; color: #C9C9C9; display: block; float: left;
width: 220px; line-height: 24px; margin-bottom: 5px; text-decoration: none;}
.sidebar .navigation > li > a.active,
.sidebar .navigation > li > a:hover{color: #FFFFFF;}
.sidebar .navigation li ul{width: 200px; padding-left: 20px; list-style: none; float: left; margin: 5px 0px 10px;}
.sidebar .navigation li ul > li {position: relative; width: 200px; float: left; display: block; margin-bottom: 5px;}
.sidebar .navigation li ul > li a{font-size: 14px; color: #C5C5C5; display: block; float: left; width: 200px;
line-height: 16px; text-decoration: none;}
.sidebar .navigation li ul > li a.active,
.sidebar .navigation li ul > li a:hover{color: #FFFFFF;}
/* eof simple navigation */
/* bordered navigation */
.sidebar .navigation.bordered{width: 218px; margin: 10px 0px 20px; padding: 0px; list-style: none; display: block; float: left; border: 1px solid #1A1A1A; border-bottom: 0px; border-left: 0px;}
.sidebar .navigation.bordered > li{position: relative; width: 218px; float: left; display: block;}
.sidebar .navigation.bordered > li > a{font-size: 16px; color: #C9C9C9; display: block; float: left; width: 200px; line-height: 16px; border-left: 3px solid #111;
border-bottom: 1px solid #1A1A1A; padding: 12px 8px 11px 7px; text-decoration: none; background: #222222; margin: 0px;}
.sidebar .navigation.bordered > li > a:hover{color: #FFF;}
.sidebar .navigation.bordered > li .open{width: 38px; height: 39px; position: absolute; right: 0px; top: 0px; background: #222222;
border: 1px solid #1A1A1A; border-width: 0px 0px 1px 1px; cursor: pointer; background: url('../img/navb_plus.png') center center no-repeat;}
.sidebar .navigation.bordered > li .open:hover{background: url('../img/navb_plus.png') center center no-repeat #191818;}
.sidebar .navigation.bordered > li.active .open{border-bottom-color: #191818; background: url('../img/navb_minus.png') center center no-repeat #191818;}
.sidebar .navigation.bordered li ul{width: 220px; float: left; display: none; list-style: none; padding: 0px; margin: 0px;}
.sidebar .navigation.bordered li.active ul{display: block;}
.sidebar .navigation.bordered li ul > li{position: relative; width: 220px; float: left; display: block; margin: 0px;}
.sidebar .navigation.bordered li ul > li a{font-size: 14px; line-height: 16px; padding: 10px 8px 9px 17px; text-decoration: none; display: block;
float: left; border-bottom: 1px solid #1A1A1A; width: 190px; color: #C9C9C9; border-left: 3px solid #222;}
.sidebar .navigation.bordered li ul > li a:hover,
.sidebar .navigation.bordered li ul > li.active a{background: transparent; color: #FFF;}
/* eof bordered navigation */
.sidebar .widget{width: 220px; float: left;}
/* eof sidebar */
/* Body */
.body{position: relative; margin-left: 250px; padding: 0px 0px 0px 20px;}
.body .user{margin-left: 0px; display: block; float: left; clear: both;}
.body .user img{margin-right: 10px; border-left: 3px solid #009AD7; float: left;}
.body .user a{display: block; float: left; text-decoration: none;}
.body .user a span{font-size: 14px; color: #333; line-height: 16px; display: block; clear: both;}
.body .user a .sm{font-size: 11px; color: #666; line-height: 13px; display: block; clear: both;}
/* body navigation */
.body .navigation{padding: 10px 0px 25px; float: right; margin: 0px; list-style: none; display: block; position: relative;}
.body .navigation li{margin-left: 3px; margin-bottom: 3px; display: block; float: left;}
.body .navigation .button{width: 90px; height: 90px; display: block; padding: 5px;
background: #009AD7; text-decoration: none; position: relative;}
.body .navigation .button .icon{display: block; width: 44px; height: 44px; border: 3px solid #FFF; margin: 15px 20px 12px;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center;}
.body .navigation .button .icon [class^="ico-"]{font-size: 27px; color: #FFF; line-height: 45px;}
.body .navigation .button .name{font-size: 12px; color: #FFF; line-height: 13px;}
.body .navigation .button .arrow{position: absolute; left: 5px; top: 5px; width: 16px; height: 16px; background: url('../img/arrow_white.png') left top no-repeat;}
.body .navigation .button:hover{-moz-box-shadow: inset 0px 0px 4px rgba(255,255,255,.9); -webkit-box-shadow: inset 0px 0px 4px rgba(255,255,255,.9); box-shadow: inset 0px 0px 4px rgba(255,255,255,.9);}
.body .navigation .sub{display: none; position: absolute; left: 0px; bottom: 0px; list-style: none; padding: 0px; margin: 0px;}
.body .navigation .sub li{display: block; float: left; margin-right: 30px;}
.body .navigation .sub li a{font-size: 14px; color: #4C4C4C; text-decoration: none; font-weight: 500;}
.body .navigation .sub li a:hover{color: #000;}
.body .navigation li.active .arrow{background: url('../img/arrow_white_active.png') left top no-repeat;}
.body .navigation li.active .sub{display: block;}
.body .navigation .user{margin-left: 0px; display: block; float: left; clear: both;}
.body .navigation .user img{margin-right: 10px; border-left: 3px solid #009AD7; float: left;}
.body .navigation .user a{display: block; float: left; text-decoration: none;}
.body .navigation .user a span{font-size: 14px; color: #333; line-height: 16px; display: block; clear: both;}
.body .navigation .user a .sm{font-size: 11px; color: #666; line-height: 13px; display: block; clear: both;}
.body .navigation .buttons{float: left; margin: 5px 0px 0px 0px; clear: both;}
.body .navigation .buttons .sbutton{width: 30px; height: 30px; background: #009AD7; display: inline-block;
text-align: center; position: relative;}
.body .navigation .buttons .sbutton a{color: #FFF; padding: 7px 0px; width: auto; display: block; line-height: 16px;
text-align: center; text-decoration: none;}
.body .navigation .buttons .sbutton a [class^="ico-"]{font-size: 16px; color: #FFF; line-height: 16px;}
.body .navigation .buttons .sbutton.navButton{display: none;}
/* eof body navigation */
/* body navigation popup */
.popup{width: 150px; right: 0px; top: 45px; background: #FFF; position: absolute; text-align: center; display: none; z-index: 100;
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}
.popup.active{display: block;}
.popup .row-form{padding: 5px 5px; margin-bottom: 0px;}
.popup .row-form a { color: black; text-align: left;}
.popup .arrow{width: 12px; height: 12px; background: url('../img/popup_arrow.png') left top no-repeat; position: absolute; right: 10px; top: -11px;}
/* eof body navigation popup */
/* content */
.body .content{width: 100%; display: block;}
/* page header */
.page-header{padding: 0px 0px 10px; margin: 0px 0px 20px; border-bottom: 1px solid #e0e0e0; width: 100%; float: left;}
.page-header .icon{float: left; display: block; margin-right: 10px; width: 32px; height: 32px; border: 3px solid #999; padding: 2px; margin-top: 7px;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center;}
.page-header .icon span{font-size: 24px; color: #999; line-height: 33px;}
.page-header h1{font-size: 32px; color: #4C4C4C; font-weight: normal; display: block; float: left; line-height: 35px; padding: 0px; margin: 0px;}
.page-header h1 small{font-size: 11px; color: #666; display: block; line-height: 20px;}
/* eof page header */
/* widgets */
.body .content .widgets{text-align: center; position: relative;}
.body .content .widget{padding: 10px; height: 110px; width: 280px; margin-bottom: 20px; margin-right: 20px; display: inline-block;}
.body .content .widget .left, .body .content .widget .right{height: 90px; width: 50%; float: left; color: #fff;}
.body .content .widget.value .left{width: 60%; font-size: 80px; line-height: 75px; text-align: left; font-weight: lighter;}
.body .content .widget.value .right{width: 40%; font-size: 12px; text-align: left; line-height: 15px;}
.body .content .widget.icon .left{width: 35%; line-height: 90px;}
.body .content .widget.icon .right{width: 65%; font-size: 12px; color: #FFF; color: #fff;}
.body .content .widget.chart .left{width: 40%; line-height: 90px; text-align: left;}
.body .content .widget.chart .right{width: 60%; font-size: 12px; color: #FFF; color: #fff; text-align: left; line-height: 15px;}
.body .content .widget .right table{text-align: left;}
.body .content .widget .right table tr td{line-height: 12px; font-size: 12px; padding: 2px 0px 3px;}
.body .content .widget .right table tr td:last-child{text-align: right;}
.body .content .widget.icon .left .icon{width: 80px; height: 80px; border: 3px solid #FFF;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .widget.icon .left .icon [class^="ico-"]{font-size: 56px;}
.body .content .widget .bottom{width: 100%; line-height: 16px; margin-top: 4px; float: left; text-align: left;}
.body .content .widget .bottom a{display: block; float: left; width: 100%; line-height: 16px; font-size: 14px; color: #FFF; text-decoration: none;
background: url('../img/arrow_right_white.png') right center no-repeat; opacity: 0.8; filter: alpha(opacity=80);}
.body .content .widget .bottom a:hover{opacity: 1; filter: alpha(opacity=100);}
.body .content .swidget{height: 120px; width: 120px; min-width: 120px; margin-bottom: 20px; margin-right: 20px;
display: inline-block; color: #FFF; position: relative; text-decoration: none;}
.body .content .swidget .icon{width: 75px; height: 75px; border: 3px solid #FFF; line-height: 85px; margin: 10px 21px 0px;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: left;}
.body .content .swidget .icon [class^="ico-"]{font-size: 36px; color: #FFF;}
.body .content .swidget > .value{width: 120px; height: 75px; text-align: center; font-size: 36px; color: #FFF; margin-top: 10px; float: left; line-height: 85px;}
.body .content .swidget.clean .icon{margin-top: 18px;}
.body .content .swidget.clean .epc.mini{margin-top: 18px;}
.body .content .swidget.clean > .value{margin-top: 18px;}
.body .content .swidget .bottom{display: block; float: left; margin: 5px 5px 0px; width: 110px;}
.body .content .swidget .bottom .text{float: left;}
.body .content .swidget .bottom .value{float: right;}
/* eof widgets */
/* blocks */
.body .content .block{position: relative; margin-bottom: 20px; width: 100%; float: left;}
.body .content .block .head{padding: 7px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
.body .content .block .head.blue, .body .content .block .head.dblue, .body .content .block .head.yellow, .body .content .block .head.red,
.body .content .block .head.purple, .body .content .block .head.green, .body .content .block .head.orange{padding: 7px 6px 7px 6px;}
.body .content .block .head .icon{height: 20px; width: 23px; border: 1px solid #444; text-align: center; display: inline-block;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding-top: 3px; line-height: 19px;}
.body .content .block .head .icon [class^="ico-"]{font-size: 16px; color: #444;}
.body .content .block .head > .icon{margin-right: 3px;}
.body .content .block .head h2{font-size: 20px; color: #4C4C4C; line-height: 20px; font-weight: normal; display: inline-block; margin: 0px; padding: 0px;}
.body .content .block .head .buttons{list-style: none; display: block; float: right; margin: 0px; padding: 0px;}
.body .content .block .head .buttons > li{display: block; float: left; margin-left: 5px; position: relative;}
.body .content .block .head .items{position: relative; float: right; padding: 1px 5px 5px 5px;}
.body .content .block .head .items .progress.small{margin-top: 8px !important;}
.body .content .block.title .head{border-bottom: 1px solid #e0e0e0;}
.body .content .block .data{padding: 10px;}
.body .content .block .data-fluid{padding: 0px;}
.body .content .block .data.dark, .body .content .block .data-fluid.dark,
.toolbar.dark, .toolbar-fluid.dark{background: #EAEAEA; }
* html .block .data, * html .block .data-fluid, * html .toolbar, * html .toolbar-fluid, * html .wrapper > .body{ height: 1%; overflow: visible; } /* ie 6 */
*+html .block .data, *+html .block .data-fluid, *+html .toolbar, *+html .toolbar-fluid, *+html .wrapper > .body{ min-height: 1%; } /* ie 7 */
.block .data:after, .block .data-fluid:after, .toolbar:after, .toolbar-fluid:after, .wrapper > .body:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
/* eof blocks */
.editor{background: #FFF;}
.loader{position: absolute; left: 0px; top: 0px; z-index: 100; background: url('../img/wpoint.png') left top repeat;}
.loader img{position: absolute; left: 50%; top: 50%; margin-left: -50px;}
.body .content .stat{position: relative; text-align: left; font-size: 11px; color: #666; line-height: 16px; margin: 10px ;}
.body .content .stat span{font-size: 40px; display: block; float: left; margin-right: 5px; line-height: 32px;}
/* toolbar */
.toolbar, .toolbar-fluid{padding: 10px; position: relative;}
.toolbar-fluid{padding: 0px;}
.toolbar .pagination{margin: 0px; line-height: 15px; height: 30px;}
.toolbar .input-append, .toolbar .input-prepend,
.toolbar .input-append button, .toolbar .input-prepend button{margin: 0px;}
.toolbar .left{float: left; width: 50%;}
.toolbar .right{float: right; width: 50%;}
.toolbar .btn{margin: 0px !important;}
/* eof toolbar */
/* table */
.body .content .table{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .table th{line-height: 30px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 11px; color: #666; text-align: center;}
.body .content .table td{line-height: 23px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .table tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .table .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .table .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .table .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .table.lcnp tr td:last-child,
.body .content .table.lcnp tr th:last-child{padding: 0px;}
.body .content .table td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .table td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .table td.bl_green{border-left: 3px solid #68AF27;}
.body .content .table td.bl_red{border-left: 3px solid #C22439;}
.body .content .table.tickets td{padding: 5px 10px; }
.body .content .table.tickets tr td:first-child{padding-top: 7px; }
.body .content .table.table-hover tbody tr:hover td, .body .content .table.table tbody tr.active td{background: #ffffcb;}
.table.images td.info > *{display: block; width: auto; clear: both;}
.table.images td.info > span{font-size: 11px; color: #999;}
/* eof table */
/* datatables */
.body .content .table thead th.sorting, .body .content .table thead td.sorting{background: url('../img/backgrounds/dropdown_arrow.png') right center no-repeat #E9E9E9;}
.body .content .table thead th.sorting_asc, .body .content .table thead td.sorting_asc{background: url('../img/backgrounds/dropdown_arrow_up.png') right center no-repeat #E9E9E9;}
.body .content .table thead th.sorting_desc, .body .content .table thead td.sorting_desc{background: url('../img/backgrounds/dropdown_arrow_down.png') right center no-repeat #E9E9E9;}
.dataTables_length, .dataTables_info{float: left;}
.dataTables_filter, .dataTables_paginate{float: right;}
.dataTables_length{position: relative; padding: 5px;}
.dataTables_length label{font-size: 11px; margin-bottom: 0px;}
.dataTables_length select{display: inline-block; width: auto;}
.dataTables_filter{position: relative; padding: 5px;}
.dataTables_filter label{font-size: 11px; margin-bottom: 0px;}
.dataTables_filter input[type='text']{display: inline-block; width: auto; height: 26px; line-height: 14px;}
.dataTables_info{font-size: 11px; color: #333; line-height: 26px; padding: 5px;}
.paginate_button,
.paginate_disabled_previous,
.paginate_disabled_next,
.paginate_enabled_next,
.paginate_active,
.paginate_enabled_previous{float: left; border: 2px solid #FFF; line-height: 14px; font-size: 11px; color: #333;
display: block; padding: 4px 5px; margin: 5px 5px 5px 0px;
color: #333; text-shadow: 0px 1px 0px #FFF;
background-color: #E0E0E0;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.paginate_enabled_next,
.paginate_enabled_previous,
.paginate_active,.paginate_active:hover,
.paginate_button,.paginate_button:hover,
.paginate_enabled_next:hover,
.paginate_enabled_previous:hover{cursor: pointer; text-decoration: none; }
.paginate_enabled_next:hover,
.paginate_active, .paginate_active:hover,
.paginate_button:hover,
.paginate_enabled_previous:hover{ color: #333;
-moz-box-shadow: inset 0 1px 3px #AAA; -webkit-box-shadow: inset 0 1px 3px #AAA; box-shadow: inset 0 1px 3px #AAA;}
.paginate_button_disabled, .paginate_button_disabled:hover,
.paginate_disabled_previous, .paginate_disabled_previous:hover,
.paginate_disabled_next, .paginate_disabled_next:hover{color: #999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none;}
.dataTables_wrapper table{float: left;}
/* eof datatables */
/* messages */
.body .content .block .messages{position: relative;}
.body .content .block .messages .item{width: 90%; padding: 5px; position: relative; margin: 10px 0px 0px; float: left;}
.body .content .block .messages .item.out{float: right; margin: 10px 0px 10px;}
.body .content .block .messages .item .arrow{border-color: transparent transparent #009AD7 #009AD7; border-style: solid; border-width: 5px;
width: 0px; height: 0px; position:absolute; left: 10px; top: -10px;}
.body .content .block .messages .item.out .arrow{left: auto; top: auto; right: 10px; bottom: -10px; border-color: #005683 #005683 transparent transparent;}
.body .content .block .messages .item .text{font-size: 12px; color: #FFF; line-height: 13px;}
.body .content .block .messages .item .date{font-size: 12px; color: #FFF; text-align: right; opacity: 0.6; filter: alpha(opacity=60); line-height: 13px;}
/* eof messages */
.label{font-size: 12px; color: #FFF; font-weight: normal; line-height: 20px;}
/* select2 */
.select2-container .select2-choice, .select2-container.select2-drop-above .select2-choice, .select2-drop.select2-drop-above,
.select2-container-multi .select2-choices, .select2-search input, .select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices,
.select2-container .select2-choice div{border-color: #DDD; background: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.select2-dropdown-open .select2-choice div{border-left: 1px solid #CCC;}
.select2-search{margin-top: 3px;}
.select2-drop.select2-drop-above{border-bottom: 1px solid #CCC; -moz-box-shadow: 0px -1px 3px rgba(0,0,0, .15); -webkit-box-shadow: 0px -1px 3px rgba(0,0,0, .15); box-shadow: 0px -1px 3px rgba(0,0,0, .15);}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices{-moz-box-shadow: 0px 0px 3px rgba(0,0,0, .15); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0, .15); box-shadow: 0px 0px 3px rgba(0,0,0, .15); border-color: #CCC;}
.select2-container-multi .select2-choices .select2-search-choice{background: #009AD7; border: 1px solid #009AD7; color: #FFF;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.select2-container .select2-choice div{background: #EEE; width: 26px;}
.select2-container .select2-choice div b{background-position: 5px 1px;}
.select2-dropdown-open .select2-choice div b{background-position: -13px 1px}
.select2-container .select2-choice span{padding-right: 31px;}
.select2-results .select2-highlighted{background: #009AD7; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.select2-search-choice-close{top: 3px;}
/* eof select2*/
/* Tagsinput */
div.tagsinput{padding: 0px;}
div.tagsinput span.tag{margin: 3px; padding: 3px 5px; font-size: 11px; line-height: 14px; border: 1px solid #009AD7; background: #009AD7; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
div.tagsinput span.tag a{color: #FFF;}
div.tagsinput span.tag a:hover{color: #333;}
div.tagsinput div{line-height: 28px;}
div.tagsinput div input{line-height: 20px; height: 20px; font-size: 11px; margin: -2px 0px 0px; padding: 0px; border: 0px;}
/* eof Tagsinput */
/* spiner */
.ui-spinner{padding-right: 20px; display: block; position: relative;}
.ui-spinner-up{position: absolute; right: 0px; top: 1px; background: #EEE; border: 1px solid #DDD; height: 13px; padding-left: 1px; cursor: pointer;
-moz-box-shadow: inset 0px 1px 2px #FFF; -webkit-box-shadow: inset 0px 1px 2px #FFF; box-shadow: inset 0px 1px 2px #FFF;}
.ui-spinner-down{position: absolute; right: 0px; bottom: 0px; background: #EEE; border: 1px solid #DDD; border-top: 0px; height: 14px; cursor: pointer;
-moz-box-shadow: inset 0px 1px 2px #FFF; -webkit-box-shadow: inset 0px 1px 2px #FFF; box-shadow: inset 0px 1px 2px #FFF;}
.ui-spinner-up .ui-icon{ width: 16px; height: 13px; }
.ui-spinner-down .ui-icon{ width: 16px; height: 10px; padding-right: 1px;}
/* eof spinner */
/* Row form - new */
.row-fluid-blocks{float: left; margin: 10px;}
.row-fluid{float: left;}
/* set clear fix to row-form element */
* html .row-form{ height: 1%; overflow: visible; } /* ie 6 */
*+html .row-form{ min-height: 1%; } /* ie 7 */
.row-form:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
/* eof set */
.row-fluid-footer{position: absolute; bottom:0; width:100%; margin-bottom: 0px; text-align: center; /* Height of the footer */}
.row-form{padding: 10px 15px; vertical-align: baseline; }
.row-form > [class^="span"]{color: #333; line-height: 30px; width:auto;}
input[type="text"], input[type="password"], textarea, select{
border-color: #CCC; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
display: inline-block; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #4C4C4C; height: 30px; margin-bottom: 0px;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input:focus, textarea:focus, select:focus{-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; border-color: #AAA !important;}
select[multiple]{min-height: 100px;}
textarea{min-height: 100px;}
.row-form .input-prepend, .row-form .input-append{margin-bottom: 0px !important;}
.row-form .input-prepend .add-on, .row-form .input-append .add-on{font-size: 11px; line-height: 20px;}
.input-append .add-on, .input-prepend .add-on{border: 0px !important; padding: 4px 7px 6px; text-shadow: none; background: #009AD7; line-height: 25px;
-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;}
.input-append input[type="text"]{border-right: 0px;}
.input-prepend input[type="text"]{border-left: 0px;}
.add-on[class^='ico-']{color: #FFF; text-shadow: none;}
.input-prepend .btn, .input-append .btn{padding: 5px 12px; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;}
.btn-group > .btn{-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;}
.row-form .input-prepend input[type="file"], .row-form .input-append input[type="file"]{width: 0px; left: -9999px; position: absolute; visibility: hidden;}
.row-form [class^="span"] > div{margin-bottom: 10px;}
.row-form [class^="span"] > span.bottom,
.row-form [class^="span"] > span.top{font-size: 11px; color: #999; line-height: 14px; display: block; margin-top: 5px;}
.row-form [class^="span"] > span.top{margin-bottom: 5px; margin-top: 0px;}
.row-form [class^="span"] > span.top.title,
.row-form [class^="span"] > span.bottom.title{color: #333;}
/* highlights */
.row-form.error [class^="span"]{color: #C22439;}
.row-form.error input[type="text"]{border-color: #C22439;}
.row-form.error [class^="span"] > span{color: #C22439;}
.row-form.warning [class^="span"]{color: #D53F26;}
.row-form.warning input[type="text"]{border-color: #D53F26;}
.row-form.warning [class^="span"] > span{color: #D53F26;}
.row-form.success [class^="span"]{color: #68AF27;}
.row-form.success input[type="text"]{border-color: #68AF27;}
.row-form.success [class^="span"] > span{color: #68AF27;}
.row-form.info [class^="span"]{color: #009AD7;}
.row-form.info input[type="text"]{border-color: #009AD7;}
.row-form.info [class^="span"] > span{color: #009AD7;}
/* eof highlights */
.row-form input.input-mini{width: 20%;}
.row-form input.input-small{width: 30%;}
.row-form input.input-medium{width: 40%;}
.row-form input.input-large{width: 50%;}
.row-form input.input-xlarge{width: 70%;}
.row-form input.input-xxlarge{width: 80%;}
.row-form input.input-huge{width: 90%;}
/* eof row form */
/* Buttons */
.btn, .btn-group .btn,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child{font-size: 11px;}
.btn.btn-large{font-size: 12px;}
.btn [class^='ico']{margin-top: 0px;}
.btn-group-vertical .btn{margin-bottom: 0px;}
.btn-group > .btn + .btn{margin-left: 0px;}
.btn.btn-block{margin-bottom: 10px;}
.btn-group > .dropdown-menu{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-color: #DDD; font-size: 11px; padding: 0px;}
.dropdown-menu .divider{background-color: #F1F1F1; margin: 5px 0px;}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{background: #008DC4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
/* eof Buttons */
/* typography */
.typography{font-size: 12px; color: #333;}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6{color: #1A1A1D;}
.typography blockquote{font-size: 12px; border-color: #333;}
.typography blockquote p{font-size: 12px; line-height: 16px;}
.typography dl dt{color: #333;}
.typography img{margin: 5px 10px 5px;}
/* eof typography */
/* alerts */
.alert{margin-bottom: 10px; cursor: pointer; border: 0; text-shadow: none; color: #FFF; background: #009AD7;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.block .alert, .block-fluid .alert{border: 0px; margin: 3px 0px;}
.alert.alert-block{padding: 8px 35px 8px 14px;}
.alert.alert-error{background: #C22439;}
.alert.alert-success{background: #68AF27;}
.alert.alert-info{background: #005683;}
/* eof alerts */
/* sortable blocks */
.sortablePlaceholder{border: 1px dashed #333; height: 30px; margin-bottom: 20px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
/* eof sortable blocks */
/* accordion */
.accordion{border: 1px solid #DDD;}
.ui-accordion .ui-accordion-header{background-color: #F2F2F2; padding: 8px 10px 8px 30px; font-size: 12px; color: #333; font-weight: normal;
border: 0px; border-bottom: 1px solid #FFF; text-shadow: 1px 1px 0px #FFF;}
.ui-accordion .ui-state-hover{background-color: #EEE;}
.ui-accordion .ui-widget-content{padding: 10px 5px; background: #FFF;}
.ui-accordion .ui-widget-content:last-child{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.ui-accordion .ui-accordion-header:last-child{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
/* eof accordion */
/* tabs */
.tabs{border: 1px solid #DDD; border-top: 0px;}
.ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active{background-color: #F5F5F5; border-bottom: 1px solid #F5F5F5;}
.ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover{background-color: #EEE;}
.ui-tabs .ui-tabs-nav li a{color: #40516b; font-weight: bold; text-shadow: 1px 1px 0px #FFF;}
/* eof tabs */
/* simple list */
.sList{list-style: none; padding: 0px; margin: 0px;}
.sList li{display: block; padding: 8px 10px 6px; background-color: #F2F2F2; border-bottom: 1px solid #E4E8ED; border-top: 1px solid #FFF; cursor: pointer;}
.sList li:hover{background-color: #F9F9F9;}
.sList .placeholder{background-color: #fff8c4; height: 20px }
/* eof simple list */
/* Tabbable */
.tabbable{border: 0px;}
.nav-tabs{margin-bottom: 5px;}
.nav-tabs > li > a{font-weight: normal; color: #333; font-size: 12px;
-moz-border-radius: 0px; -webkit-border-radius: 0px;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover{background: #F6F6F6;}
.tabs-below > .nav-tabs{margin-bottom: 0px;}
.tabs-below > .nav-tabs > li > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.tabs-left > .nav-tabs{margin-right: 0px;}
.tabs-left > .nav-tabs > li > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.tabs-right > .nav-tabs{margin-left: 0px;}
.tabs-right > .nav-tabs > li > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.tab-content{padding: 5px 10px; font-size: 12px;}
/* eof tabbable */
/* progress */
.progress{margin: 5px 0px !important;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #EEE; border: 1px solid #D9D9D9;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.progress.small{height: 5px;}
.progress .bar{-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); margin-bottom: 1px;}
/* eof progress */
/* popover */
.popover{border-color: #CCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.popover-title{background: #FFF; color: #333; font-size: 14px; font-weight: normal; line-height: 20px;}
/* popover */
/* Modal */
.modal{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-color: #CCC;}
.modal-header{box-shadow: 0 1px 0 #fff; background: #FFF;
-webkit-box-shadow: inset 0 1px white; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px white;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;padding: 10px 10px 7px 10px;}
.modal-header h3{color: #333; font-size: 14px; font-weight: normal; text-shadow: 0 1px white; line-height: 20px;}
.modal-backdrop, .modal-backdrop.fade.in{opacity: 0.25; filter: alpha(opacity=25); background: #333;}
.modal .block, .modal .block-fluid{margin-bottom: 0px;}
.modal-header .close{margin-top: 0px;}
.modal-footer{background: #FFF;}
.modal-footer .btn{margin-bottom: 0px;}
/* eof modal */
/* icons list */
.the-icons{list-style: none; padding: 0px; margin: 0px; display: block; margin: 0px 10px;}
.the-icons li{padding: 8px 5px; width: 150px; display: block; float: left; margin: 1px 0px; height: 20px;}
/* eof icons list */
.errorContainer{color: #333; text-align: center; width: 300px; margin: 50px auto 0px;}
.errorContainer h1{font-size: 120px; font-weight: normal; line-height: 120px;}
.errorContainer h2{font-size: 20px; font-weight: normal; color: #666; text-transform: uppercase; border-bottom: 1px solid #CCC;}
.head ul.buttons > li.active > .dropdown-menu{display: block; left: auto; right: -1px; border-color: #DDD; font-size: 11px; padding: 0px;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.head ul.buttons > li.active > .dropdown-menu li a{color: #333 !important;}
.head ul.buttons > li.active > .dropdown-menu li a:hover{color: #FFF !important;}
.login{width: 300px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -125px;}
.login .row-form{padding: 5px 0px; width: 300px;}
.icon-arrow-back{background: url('../img/back_dark.png') left top no-repeat !important;}
.icon-arrow-back.icon-white{background: url('../img/back.png') left top no-repeat !important;}
.icon-arrow-next{background: url('../img/next_dark.png') left top no-repeat !important;}
.icon-arrow-next.icon-white{background: url('../img/next.png') left top no-repeat !important;}
/* faq */
.faq{ position: relative;}
.faq .item{border: 1px solid #DDD; border-top: 1px solid #FFF; padding: 10px; background: #F5F5F5;}
.faq .item:first-child{border-top: 1px solid #DDD;}
.faq .item:last-child{border-bottom: 1px solid #DDD;}
.faq .item .title{font-size: 14px; font-weight: normal; color: #333; display: block; cursor: pointer; padding-left: 22px; background: url('../img/next_dark.png') left center no-repeat;}
.faq .item .title:hover{text-decoration: underline;}
.faq .item .text{font-size: 12px; color: #333; padding-left: 25px; display: none;}
.faq .item .text p{margin: 5px 0px}
/* eof faq */
/* listing */
.list{list-style: none; margin: 0px; padding: 0px; position: relative; border: 1px solid #E5E5E5;}
.list li{display: block; padding: 5px; border-top: 1px solid #FFF; border-bottom: 1px solid #E5E5E5;}
.list li:last-child{border-bottom: 0px;}
.list li .title{float: left; padding: 0px 5px 0px 21px;}
.list li .title a{font-size: 12px; line-height: 14px; display: block;}
.list li .title p{margin: 0px; line-height: 14px; display: block;}
.list li .actions{float: right; margin-top: 2px;}
/* eof listing */
/* invoice */
.invoice{font-size: 12px; color: #333;}
.invoice h3, .invoice h4{font-size: 20px; line-height: 34px; color: #333; border-bottom: 1px solid #DDD;}
.invoice p{margin: 3px 5px;}
.invoice em{font-size: 10px; font-style: normal; color: #CCC;}
.invoice .total{float: right; padding-top: 20px;}
.invoice .highlight{padding: 5px; background: #009AD7; border-top: 1px solid #CCC; color: #fff;}
.invoice .highlight em{color: #F1F1F1;}
.invoice .table th{background: #009AD7 !important; color: #fff !important;}
/* eof invoice */
/* sGallery */
.sGallery{position: relative; padding-top: 0px !important;}
.sGallery .item{width: 150px; height: 94px; border: 3px solid #F1F1F1; float: left; overflow: hidden; margin: 10px 10px 0px 0px; position: relative;}
.sGallery .item a{display: block; width: 150px; text-align: center; position: relative;}
.sGallery .item a img{height: auto; max-width: none; vertical-align: baseline; border: 0;}
.sGallery .item ul.controls{position: absolute; right: -150px; top: 0px; margin: 0px; padding: 5px; list-style: none; height: 84px; background-color: rgba(255,255,255,.8);}
.sGallery .item ul.controls li{color: #333; display: block; float: left; clear: both; width: 75px;}
.sGallery .item ul.controls li a{display: block; float: left; text-align: left; padding: 0px; margin: 0px; color: #333; width: auto; text-decoration: none;}
.sGallery .item ul.controls li a:hover{color: #111;}
.sGallery .item ul.controls li [class^=icon]{display: block; float: left; margin-top: 3px; margin-right: 5px;}
/* eof sGallery */
/* ~GALLERY~ */
.data.gallery a, .data-fluid.gallery a{display: inline-block;}
.data.thumbs .thumbnail, .data-fluid.thumbs .thumbnail{width: 200px; display: block; float: left; padding: 10px;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.data.thumbs .thumbnail h3, .data-fluid.thumbs .thumbnail h3{line-height: 30px; font-size: 20px; font-weight: normal;}
.data.thumbs .thumbnail > a, .data-fluid.thumbs .thumbnail > a{width: 210px; display: block; text-align: center;}
/* ~GALLERY~ */
/* pluploader */
.plupload .plupload_header{display: none;}
.plupload_container{padding: 0px;}
.plupload_filelist_header, .plupload_filelist_footer{background-color: #F5F5F5;}
.plupload_scroll .plupload_filelist{background-color: #FFF;}
/* eof pluloader */
.new{
border-collapse:collapse;
border-left:2px solid #54a1e5;
}
.new a.subject{
color:#933;
font-weight:bold;
}
/* please use this file for your own styles
* it's need for easiest update of newest wersions
*/
/* bloco dos usuários */
.userdiv { width: 100%; float:left; margin-bottom:20px; }
.userdiv .userdiv-title { margin: 0 2.3em; line-height: 1.8em; color: #C9C9C9; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 16px; font-weight: normal; line-height: 20px;}
.userdiv .userdiv-title a.userbox { text-decoration:none; color:#C9C9C9;}
.userdiv .userdiv-title a.userbox:hover { text-decoration:none; color:#666;}
.userdiv .userdiv-avatar { text-align: center; padding: 10px; }
.userdiv .userdiv-class { margin: 0 2.3em; line-height: 1.8em; color: #C9C9C9; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; border-bottom: 1px solid #D53F26; padding-bottom: 5px; margin-bottom: 5px;}
.userdiv .userdiv-table { width:100%; border-spacing: 0px 2px; border-collapse: separate;}
.userdiv .userdiv-table .userdiv-row { margin-bottom: 2px;}
.userdiv .userdiv-table .userdiv-row .userdiv-td { width:50%; margin: 0 2.3em; line-height: 1.8em; color: #C9C9C9; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 30px; background-color: #222; margin-bottom: 2px;}
.userdiv .userdiv-table .userdiv-row .userdiv-td a { color: #C22439; text-decoration: none; }
.userdiv .userdiv-table .userdiv-row .userdiv-td a:hover { color: #971C2C; text-decoration: underline; }
.userdiv .userdiv-table .userdiv-row .userdiv-td a.bank { color: #C9C9C9; }
.userdiv .userdiv-table .userdiv-row .userdiv-td a.bank:hover { color: #888; }
.body .content .f-sig img { max-width:500px; max-height:150px; }
a.bank2 { color: #000; }
a.bank2:hover { color: #555; }
/* noticias no index */
.news-div { display: block; background-color: #EEE; padding: 5px; }
.news-ul { padding: 0px; margin: 0px 25px 10px 25px; }
/* tabela torrents */
.body .content .tablet{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tablet th{line-height: 30px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 11px; color: #666; text-align: center;}
.body .content .tablet td{line-height: 23px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tablet tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tablet .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tablet .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tablet .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tablet.lcnp tr td:last-child,
.body .content .tablet.lcnp tr th:last-child{padding: 0px;}
.body .content .tablet td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tablet td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tablet td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tablet td.bl_red{border-left: 3px solid #C22439;}
.body .content .tablet.tickets td{padding: 5px 10px;}
.body .content .tablet.tickets tr td:first-child{padding-top: 7px;}
.body .content .tablet.table-hover tbody tr:hover td, .body .content .tablet.tablet tbody tr.active td{background: #ffffcb;}
.tablet.images td.info > *{display: block; width: auto; clear: both;}
.tablet.images td.info > span{font-size: 11px; color: #999;}
/* tabela fansubs */
.body .content .tablef{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tablef th{line-height: 30px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 14px; color: #666; text-align: center;}
.body .content .tablef td{line-height: 23px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tablef tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tablef .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tablef .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tablef .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tablef.lcnp tr td:last-child,
.body .content .tablef.lcnp tr th:last-child{padding: 0px;}
.body .content .tablef td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tablef td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tablef td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tablef td.bl_red{border-left: 3px solid #C22439;}
.body .content .tablef.tickets td{padding: 5px 10px;}
.body .content .tablef.tickets tr td:first-child{padding-top: 7px;}
.body .content .tablef.table-hover tbody tr:hover td, .body .content .tablef.tablef tbody tr.active td{background: #ffffcb;}
.tablef.images td.info > *{display: block; width: auto; clear: both;}
.tablef.images td.info > span{font-size: 11px; color: #999;}
/* tabela forum */
.body .content .tableforum{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tableforum th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tableforum td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: middle;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tableforum tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tableforum .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tableforum .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tableforum .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tableforum.lcnp tr td:last-child,
.body .content .tableforum.lcnp tr th:last-child{padding: 0px;}
.body .content .tableforum td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tableforum td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tableforum td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tableforum td.bl_red{border-left: 3px solid #C22439;}
.body .content .tableforum.tickets td{padding: 5px 10px;}
.body .content .tableforum.tickets tr td:first-child{padding-top: 7px;}
.body .content .tableforum.table-hover tbody tr:hover td, .body .content .tableforum.tableforum tbody tr.active td{background: #ffffcb;}
.tableforum.images td.info > *{display: block; width: auto; clear: both;}
.tableforum.images td.info > span{font-size: 11px; color: #999;}
/* tabela rank forum */
.body .content .tableforumrank{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px; }
.body .content .tableforumrank th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tableforumrank td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tableforumrank tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tableforumrank .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tableforumrank .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tableforumrank .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tableforumrank.lcnp tr td:last-child,
.body .content .tableforumrank.lcnp tr th:last-child{padding: 0px;}
.body .content .tableforumrank td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tableforumrank td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tableforumrank td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tableforumrank td.bl_red{border-left: 3px solid #C22439;}
.body .content .tableforumrank.tickets td{padding: 5px 10px;}
.body .content .tableforumrank.tickets tr td:first-child{padding-top: 7px;}
.body .content .tableforumrank.table-hover tbody tr:hover td, .body .content .tableforumrank.tableforumrank tbody tr.active td{background: #ffffcb;}
.tableforumrank.images td.info > *{display: block; width: auto; clear: both;}
.tableforumrank.images td.info > span{font-size: 11px; color: #999;}
/* tabela forum posts */
.body .content .tableposts{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tableposts th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tableposts td{line-height: 15px; background: #F9F9F9; padding: 6px 10px 6px; vertical-align: middle;
font-size: 12px; color: #333; border-top:0px; min-height: 800px;}
.body .content .tableposts tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tableposts .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tableposts .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tableposts .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tableposts.lcnp tr td:last-child,
.body .content .tableposts.lcnp tr th:last-child{padding: 0px;}
.body .content .tableposts td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tableposts td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tableposts td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tableposts td.bl_red{border-left: 3px solid #C22439;}
.body .content .tableposts.tickets td{padding: 5px 10px;}
.body .content .tableposts.tickets tr td:first-child{padding-top: 7px;}
.body .content .tableposts.table-hover tbody tr:hover td, .body .content .tableposts.tableposts tbody tr.active td{background: #ffffcb;}
.tableposts.images td.info > *{display: block; width: auto; clear: both;}
.tableposts.images td.info > span{font-size: 11px; color: #999;}
.post_avatar {max-width: 150px;}
.avatar_perfil {max-width: 250px; max-height: 400px;}
.avatar_fansub {max-width: 250px; max-height: 250px;}
/* tabela lista membros */
.body .content .tablemembers{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tablemembers th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tablemembers td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tablemembers tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tablemembers .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tablemembers .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tablemembers .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tablemembers.lcnp tr td:last-child,
.body .content .tablemembers.lcnp tr th:last-child{padding: 0px;}
.body .content .tablemembers td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tablemembers td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tablemembers td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tablemembers td.bl_red{border-left: 3px solid #C22439;}
/* tabela form de postagem */
.body .content .tableresposta{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tableresposta th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tableresposta td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tableresposta tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tableresposta .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tableresposta .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tableresposta .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tableresposta.lcnp tr td:last-child,
.body .content .tableresposta.lcnp tr th:last-child{padding: 0px;}
.body .content .tableresposta td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tableresposta td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tableresposta td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tableresposta td.bl_red{border-left: 3px solid #C22439;}
/* tabela detalhe do torrent */
.body .content .tabletdetail{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px;}
.body .content .tabletdetail th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tabletdetail td{line-height: 15px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tabletdetail tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tabletdetail .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tabletdetail .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tabletdetail .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tabletdetail.lcnp tr td:last-child,
.body .content .tabletdetail.lcnp tr th:last-child{padding: 0px;}
.body .content .tabletdetail td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tabletdetail td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tabletdetail td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tabletdetail td.bl_red{border-left: 3px solid #C22439;}
/* tabela página dos usuários */
.body .content .tableperfil{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px; margin-top: 20px;}
.body .content .tableperfil th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;}
.body .content .tableperfil td{line-height: 20px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top;
font-size: 12px; color: #333; border-top:0px;}
.body .content .tableperfil tbody tr:nth-child(2n) td{background: #F2F2F2;}
.body .content .tableperfil .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;}
.body .content .tableperfil .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.body .content .tableperfil .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;}
.body .content .tableperfil.lcnp tr td:last-child,
.body .content .tableperfil.lcnp tr th:last-child{padding: 0px;}
.body .content .tableperfil td span.mark{color: #999; font-size: 11px; display: block;}
.body .content .tableperfil td.bl_blue{border-left: 3px solid #009AD7;}
.body .content .tableperfil td.bl_green{border-left: 3px solid #68AF27;}
.body .content .tableperfil td.bl_red{border-left: 3px solid #C22439;}
.cadastro { width: 400px; position: absolute; left: 50%; margin-left: -200px; top: 10%; margin-top: 0px;}
/* botão ir pra cima */
.scroll-to-top { position: fixed; background:url(images/scroll-to-top.png) no-repeat; cursor: pointer; width:55px; height: 55px; bottom: 1em; padding-right: 1em; display: none; z-index: 999; margin-left: 15px; margin-bottom: 10px;}
html { height: 100%; }
body { min-height: 100%; font-family: "Segoe UI", arial, sans-serif; font-size: 12px; position: relative;}
/*não deletar*/
.kap_analytics{display:none!important;} /*some com a barra branca */
/*~Smartphones (portrait and landscape)~*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.data, .data-fluid{ overflow: hidden; overflow-x: scroll; }
}
/*~Smartphones (landscape)~*/
@media only screen and (min-width : 321px) {
}
/*~Smartphones (portrait)~*/
@media only screen and (max-width : 320px) {
}
@media only screen and (max-width: 767px){
.body .navigation > li{position: relative;}
.body .navigation > li .sub{left: 0px; top: 70px; z-index: 100; padding: 0px;}
.body .navigation > li .sub li{float: left; background: #F5F5F5; margin: 0px;}
.body .navigation > li .sub li a{padding: 5px 10px; width: 180px; float: left;}
.popup.active{position: fixed; left: 50%; margin-left: -150px;}
}
@media only screen and (max-width: 768px){
body{padding: 0px;}
.body .navigation .button{width: 55px; height: 55px; }
.body .navigation .arrow{display: none;}
.body .navigation .button .icon{width: 55px; height: 44px; margin: 0px; border: 0px;}
.body .navigation .button .name{font-size: 10px;}
.data, .data-fluid{ overflow: hidden; overflow-x: scroll; }
.body .content .widget{margin-bottom: 0px;}
.body .content .widget:nth-child(1n){margin-right: 3px;}
}
@media only screen and (max-width: 1023px) {
.body .navigation .button{width: 55px; height: 55px; }
.body .navigation .arrow{display: none;}
.body .navigation .button .icon{width: 55px; height: 44px; margin: 0px; border: 0px;}
.body .navigation .button .name{font-size: 10px;}
}
/*~iPads (portrait and landscape)~*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.body .navigation .button .icon{padding-top: 4px; height: 41px;}
.body .content .widget{margin-bottom: 0px;}
.body .content .widget:nth-child(2n){margin-right: 0px;}
}
@media only screen and (max-width: 1024px) {
.wrapper{margin: 0px 10px;}
.body{margin-left: 0px; padding-left: 0px; margin-top: 0px; z-index: 10;}
.sidebar{left: 0px; top: 10px; width: 100%; z-index: 20; display: none; background: url('../img/wpoint8.png') left top repeat;}
.sidebar .close{display: block;}
.sidebar .top, .sidebar .widget{display: none;}
.sidebar .navigation{float: left; width: 100%;}
.sidebar .navigation li{padding: 3px 10px; width: 100%; }
.sidebar .navigation > li > a, .sidebar .navigation li ul,
.sidebar .navigation li ul li,.sidebar .navigation li ul li a{width: 100%;}
.sidebar .navigation li ul{display: none;}
.sidebar .navigation li.active ul{display: block; float: left;}
.sidebar .navigation li ul li{clear: both;}
.body .navigation{height: auto;}
.body .navigation .buttons .sbutton.navButton{display: inline-block;}
}
@media only screen and (max-width: 1279px) {
.wrapper.fixed{width: auto; margin: 0px 10px;}
}
html { font-size: 100%; height: 100%; }
.shoutbox_body img {
max-width: 130px;
max-height: 130px;
}
.shoutboxform_input {
margin-right: 100px; /* O tamanho do .shoutboxform_links */
}
.shoutboxform_links {
float: right;
width: 100px;
text-align: center;
padding: 6px 0;
/* Se quiser os ícones do mesmo tamanho que antes: */
/* font-size: 85%; */
}
@-webkit-keyframes spinner-loader {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
};
}
@keyframes spinner-loader {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
};
}
.spinning {
-webkit-animation: spinner-loader 1500ms infinite linear;
animation: spinner-loader 1500ms infinite linear;
}
.message-alert {
position: absolute;
text-align: center;
background: #ffeb3b;
left: 0;
top: 0;
right: 0;
padding: 1em;
}
.shoutbox_contain {
height: calc(100vh - 40px);
}
@-webkit-keyframes new-message {
0% {
background: #ff0;
}
100% {
background: #f4f4f4!important;
};
}
@keyframes new-message {
0% {
background: #ff0;
}
100% {
background: #f4f4f4!important;
};
}
.highlight {
-webkit-animation: new-message 3s ease-in 1;
animation: new-message 3s ease-in 1;
}
.history-link-row {
text-align: center;
background: #f4f4f4;
}
.history-link-row td {
padding: 1em;
}
<!doctype html>
<!-- I tried to replicate almost exactly the code generated by the PHP script using Handlebars -->
<html>
<head>
<title>Shoutbox</title>
<link href="stylesheets.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script type="text/javascript" src="java_klappe.js"></script>
<script type="text/javascript">
function confirm_del(node) {
return confirm("Tem certeza que quer deletar esta mensagem?");
}
</script>
</head>
<body class="shoutbox_body">
<div class="shoutbox_contain"><table border="0" style="width: 99.99%; table-layout:fixed">
{{#messages}}
<tr data-id="{{id}}" style="background-color:#f4f4f4;">
<td rowspan="2" width="40px">
{{#if author/isCurrentUser}}<a href="#">{{else}}
<a href="javascript:SmileIT('[b][i]=> {{author/name}} -[/i][/b] ', 'shoutboxform', 'message')">{{/if}}
<div style=" width: 35px;
height: 35px;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
background: url({{author/avatar}}) no-repeat;
background-size: 35px 35px;"></div></a>
</td>
<td style="font-size: 12px;"><a href="#" target="_parent"><b>{{author/name}}:</b>
{{#if author/isCurrentUser}}<a onclick='return confirm_del(this);' href='shoutbox.php?del={{id}}' style='font-size: 8px'>apagar mensagem</a>{{/if}}
</td>
<td style="font-size: 12px;" rowspan="2" width="75px">
[{{timestamp}}]</td>
</tr>
<tr data-id="{{id}}" style="background-color:#f4f4f4; border-bottom:solid #fff; border-bottom-width:1px;">
<td style="font-size: 12px;">{{{text}}}</td>
</tr>{{/messages}}
</table>
</div>
<form name='shoutboxform' action='shoutbox.php' method='post'><center><table width='100%' border='0' cellpadding='1' cellspacing='1'><tr class='shoutbox_messageboxback'><td style='width: 5%;'></td><td width='80%' align='center'><br>
<div class="input-append">
<input class="shoutbox_msgbox" placeholder="--CAMPO DE CHAT--" type="text" name="message" >
<button class="btn" type="submit" name="submit">Enviar</button>
</div></td><td></td><td style='text-align:right;'> <a href="javascript:PopMoreSmiles('shoutboxform', 'message');"><small><i title="Emoticons" class="icon-heart"></i></small></a> <small><i title="Atualizar" class="icon-refresh"></i></small> <a href='#' target='_blank'><small><i title="Histórico" class="icon-book"></i></small></a></td></tr></table></center></form><script type='text/javascript' src='https://rawgit.com/qgustavor/fc66dc1aa54c2c3a9970/raw/shoutbox.js'></script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment