/*
CSS Reset
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
body { line-height: 1.5 }
blockquote:before, blockquote:after, q:before, q:after
{ content: "" }
blockquote, q { quotes: "" "" }
a img { border: none }
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/*
LOAD CUSTOM FONT
*/
@font-face {
font-family: 'DroidSansRegular';
src: url('font/droidsans-webfont.eot');
src: url('font/droidsans-webfont.eot?iefix') format('eot'),
url('font/droidsans-webfont.ttf') format('truetype'),
url('font/droidsans-webfont.svg#webfontzjU3WeCs') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSansBold';
src: url('font/droidsans-bold-webfont.eot');
src: url('font/droidsans-bold-webfont.eot?iefix') format('eot'),
url('font/droidsans-bold-webfont.ttf') format('truetype'),
url('font/droidsans-bold-webfont.svg#webfontwkojXOq7') format('svg');
font-weight: bold;
font-style: normal;
}
/*
Global layout
*/
body {
background: repeat scroll left top #dbdbdb; margin: 0pt;
font-size: 12px;
font-family: 'DroidSansRegular', Arial;
padding: 0;
margin: 0;
color: #666666;
}
.print { display:none; }
body.login { text-align: left }
#login_top {
width: 100%;
height: 120px;
border-bottom: 1px solid #fff;
text-align: center;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
overflow: visible;
background-color: #222;
background-color: #222222;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#login_top img { margin-top: 24px }
#wrapper {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
#overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
a {
color: #336699;
text-decoration: none;
}
a:hover {
color: #4D7BCA;
text-decoration: none;
}
a:active {
color: #cccccc;
text-decoration: none;
}
label { font-family: 'DroidSansBold', Arial; }
.clear {
clear: both;
margin: 0;
padding: 0;
}
img.middle {
vertical-align: middle;
padding: 5px;
}
.border { border: 5px solid #fff }
h1 {
font-size: 30px;
color: #222222;
font-weight: normal;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.746094);
}
h2 {
font-size: 24px;
color: #222222;
font-weight: normal;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.746094);
}
h3 {
font-size: 22px;
color: #222222;
font-weight: normal;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.746094);
}
h4 {
font-size: 20px;
font-family: 'DroidSansBold', Arial;
color: #222222;
font-weight: normal;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.746094);
}
h5 {
font-size: 16px;
font-family: 'DroidSansBold', Arial;
color: #222222;
font-weight: normal;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.746094);
}
.bold {
font-family: 'DroidSansBold', Arial;
}
ul.global {
margin-left: 20px;
list-style-image: url("../images/arrow_li.png");
}
ul.global li { line-height: 2em }
ol.global { margin-left: 30px }
ol.global li { line-height: 2em }
table.global tr { background: #fff }
table.global tr td, table.global tr th { font-size: 1.1em }
table.global thead tr {
font-family: 'DroidSansBold', Arial;
background: #ebebeb;
text-align: left;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
table.global tr th, table.global tr td { padding: 3px 7px 3px 7px }
table.global tr td.big {
font-size: 1.4em;
font-family: 'DroidSansBold', Arial;
}
.center {
margin: auto;
text-align: center;
}
.big {
font-size: 1.3em;
font-family: 'DroidSansBold', Arial;
}
.detailbig { font-size: 1.1em }
.smicon {
width:10px !important;
height:10px !important;
}
.line {
height: 1px;
width: 100%;
border: 0;
border-bottom: 1px solid #ebebeb;
margin: auto;
}
/*
Input layout
*/
input, textarea, select
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: normal;
padding: 5px;
margin: 0 0 3px 0;
width: 180px; /* important */
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input.search {
background: transparent;
border: 0;
font-family: Arial;
width: 180px; /* important */
color: #ffffff;
}
select, input[type="file"] {
height: 27px;
line-height: 27px;
}
input[type=radio], input[type=checkbox] {
width:20px;
margin: 3px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover
{ border: 1px solid #999 }
input[type=text]:focus, input[type=password]:focus, textarea:focus
{
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=text].blur, input[type=password].blur, textarea.blur
{
color: #999;
font-family: Arial;
font-style: italic;
}
input.search:hover, input.search:focus {
border: 0;
background: transparent;
}
.input-prepend input, .input-append input {
height: 16px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend .add-on, .input-append .add-on {
position: relative;
background: #f5f5f5;
border: 1px solid #ccc;
z-index: 2;
float: left;
display: block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 4px 4px 5px;
margin-right: -1px;
font-weight: normal;
line-height: 18px;
color: #bfbfbf;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend .active, .input-append .active {
background: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on {
*margin-top: 1px;
/* IE6-7 */
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
background-color: #f5f5f5;
border-color: #ddd;
cursor: not-allowed;
}
input.button_dark {
color: #6e6e6e;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
input.button_dark:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
input.button_dark:active {
color: #000;
border-color: #444;
}
.option {
background: transparent url('../images/bg_option.png') no-repeat center;
width: 169px;
height: 30px;
cursor: pointer;
}
.option_xl {
background: transparent url('../images/bg_option_xl.png') no-repeat center;
width: 369px;
height: 30px;
cursor: pointer;
}
.option .text {
margin: 7px 0 0 10px;
padding-top: 7px;
font-family: 'DroidSansBold', Arial;
color: #000;
}
.option_xl .text {
margin: 7px 0 0 10px;
padding-top: 7px;
font-family: 'DroidSansBold', Arial;
color: #000;
}
.option select {
background: transparent;
border: 0;
width: 169px;
height: 30px;
position: relative;
top: -8px;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
.option_xl select {
background: transparent;
border: 0;
width: 369px;
height: 30px;
position: relative;
top: -8px;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
.file {
background: transparent url('../images/bg_file.png') no-repeat left;
width: 238px;
height: 40px;
overflow: hidden;
cursor: pointer;
}
.file .text {
margin: 7px 0 0 10px;
position: relative;
top: 5px;
}
.file input[type=file] {
background: transparent;
border: 0;
width: 250px;
position: relative;
opacity: 0;
filter: alpha(opacity=0);
}
.date {
background: transparent url('../images/bg_date.png') no-repeat left;
width: 169px;
height: 40px;
overflow: hidden;
cursor: pointer;
}
.date .text {
margin: 7px 0 0 10px;
position: relative;
top: 5px;
}
.date input {
background: transparent;
border: 0;
width: 169px;
position: relative;
top: -3px;
opacity: 0;
filter: alpha(opacity=0);
}
/*
Content layout
*/
.topbar {
height: 46px;
/*
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
overflow: visible;
*/
background-color: #222;
background-color: #222222;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.container {
width: 940px;
margin-left: auto;
margin-right: auto;
zoom: 1;
}
.topbar a {
color: #bfbfbf;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.topbar h3 a:hover,
.topbar .brand a:hover,
.topbar ul .active > a {
background-color: #333;
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff;
text-decoration: none;
}
.topbar h3 { position: relative }
.topbar h3 a,
.topbar .brand {
float: left;
display: block;
padding: 4px 20px 12px;
/* margin-left: -20px; */
color: #ffffff;
font-size: 20px;
font-weight: 200;
line-height: 1;
}
.topbar p {
margin: 0;
line-height: 40px;
}
.topbar p a:hover {
background-color: transparent;
color: #ffffff;
}
.topbar form {
float: left;
margin: 5px 0 0 0;
position: relative;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.topbar form.pull-right { float: right }
.topbar input {
background-color: #444;
background-color: rgba(255, 255, 255, 0.3);
width: 130px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: normal;
font-weight: 13px;
line-height: 1;
padding: 4px 9px;
color: #ffffff;
color: rgba(255, 255, 255, 0.75);
border: 1px solid #111;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.topbar input:-moz-placeholder { color: #e6e6e6 }
.topbar input::-webkit-input-placeholder
{ color: #e6e6e6 }
.topbar input:hover {
background-color: #bfbfbf;
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
}
.topbar input:focus,
.topbar input.focused {
outline: 0;
background-color: #ffffff;
color: #404040;
text-shadow: 0 1px 0 #ffffff;
border: 0;
padding: 5px 10px;
-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);
}
.topbar div > ul,
.nav {
display: block;
float: left;
font-size:1.2em;
margin: 0 10px 0 0;
position: relative;
left: 0;
}
.topbar div > ul > li,
.nav > li {
display: block;
float: left;
}
.topbar div > ul a,
.nav a {
display: block;
float: none;
padding: 10px 10px 11px;
line-height: 19px;
text-decoration: none;
}
.topbar div > ul a:hover,
.nav a:hover {
color: #ffffff;
text-decoration: none;
}
.topbar div > ul .active > a,
.nav .active > a {
background-color: #222;
background-color: rgba(0, 0, 0, 0.5);
}
.topbar div > ul.secondary-nav,
.nav.secondary-nav {
float: right;
margin-left: 10px;
margin-right: 0;
}
.topbar div > ul.secondary-nav .menu-dropdown,
.nav.secondary-nav .menu-dropdown,
.topbar div > ul.secondary-nav .dropdown-menu,
.nav.secondary-nav .dropdown-menu {
right: 0;
border: 0;
}
.topbar div > ul a.menu:hover,
.nav a.menu:hover,
.topbar div > ul li.open .menu,
.nav li.open .menu,
.topbar div > ul .dropdown-toggle:hover,
.nav .dropdown-toggle:hover,
.topbar div > ul .dropdown.open .dropdown-toggle,
.nav .dropdown.open .dropdown-toggle {
background: #444;
background: rgba(255, 255, 255, 0.05);
}
.topbar div > ul .menu-dropdown,
.nav .menu-dropdown,
.topbar div > ul .dropdown-menu,
.nav .dropdown-menu { background-color: #333 }
.topbar div > ul .menu-dropdown a.menu,
.nav .menu-dropdown a.menu,
.topbar div > ul .dropdown-menu a.menu,
.nav .dropdown-menu a.menu,
.topbar div > ul .menu-dropdown .dropdown-toggle,
.nav .menu-dropdown .dropdown-toggle,
.topbar div > ul .dropdown-menu .dropdown-toggle,
.nav .dropdown-menu .dropdown-toggle { color: #ffffff }
.topbar div > ul .menu-dropdown a.menu.open,
.nav .menu-dropdown a.menu.open,
.topbar div > ul .dropdown-menu a.menu.open,
.nav .dropdown-menu a.menu.open,
.topbar div > ul .menu-dropdown .dropdown-toggle.open,
.nav .menu-dropdown .dropdown-toggle.open,
.topbar div > ul .dropdown-menu .dropdown-toggle.open,
.nav .dropdown-menu .dropdown-toggle.open
{
background: #444;
background: rgba(255, 255, 255, 0.05);
}
.topbar div > ul .menu-dropdown li a,
.nav .menu-dropdown li a,
.topbar div > ul .dropdown-menu li a,
.nav .dropdown-menu li a {
color: #999;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.topbar div > ul .menu-dropdown li a:hover,
.nav .menu-dropdown li a:hover,
.topbar div > ul .dropdown-menu li a:hover,
.nav .dropdown-menu li a:hover {
background-color: #191919;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
background-image: -moz-linear-gradient(top, #292929, #191919);
background-image: -ms-linear-gradient(top, #292929, #191919);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
background-image: -webkit-linear-gradient(top, #292929, #191919);
background-image: -o-linear-gradient(top, #292929, #191919);
background-image: linear-gradient(top, #292929, #191919);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
color: #ffffff;
}
.topbar div > ul .menu-dropdown .active a,
.nav .menu-dropdown .active a,
.topbar div > ul .dropdown-menu .active a,
.nav .dropdown-menu .active a { color: #ffffff }
.topbar div > ul .menu-dropdown .divider,
.nav .menu-dropdown .divider,
.topbar div > ul .dropdown-menu .divider,
.nav .dropdown-menu .divider {
background-color: #222;
border-color: #444;
}
.topbar ul .menu-dropdown li a,
.topbar ul .dropdown-menu li a { padding: 4px 15px }
li.menu,
.dropdown {
position: relative;
}
a.menu:after,
.dropdown-toggle:after {
width: 0;
height: 0;
display: inline-block;
content: "↓";
text-indent: -99999px;
vertical-align: top;
margin-top: 8px;
margin-left: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #ffffff;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.menu-dropdown,
.dropdown-menu {
background-color: #ffffff;
font-size:1.2em;
float: left;
display: none;
position: absolute;
top: 40px;
z-index: 11000;
min-width: 160px;
max-width: 220px;
_width: 160px;
margin-left: 0;
margin-right: 0;
padding: 6px 0;
zoom: 1;
border-color: #999;
border-color: rgba(0, 0, 0, 0.2);
border-style: solid;
border-width: 0 1px 1px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.menu-dropdown li,
.dropdown-menu li {
float: none;
display: block;
background-color: none;
}
.menu-dropdown .divider,
.dropdown-menu .divider {
height: 1px;
margin: 5px 0;
overflow: hidden;
background-color: #eee;
border-bottom: 1px solid #ffffff;
}
.topbar .dropdown-menu a,
.dropdown-menu a {
display: block;
padding: 4px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #808080;
text-shadow: 0 1px 0 #ffffff;
}
.topbar .dropdown-menu a:hover,
.dropdown-menu a:hover {
background-color: #dddddd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
background-image: linear-gradient(top, #eeeeee, #dddddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
color: #404040;
text-decoration: none;
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
}
.open .menu,
.dropdown.open .menu,
.open .dropdown-toggle,
.dropdown.open .dropdown-toggle {
color: #ffffff;
background: #ccc;
background: rgba(0, 0, 0, 0.3);
}
.open .menu-dropdown,
.dropdown.open .menu-dropdown,
.open .dropdown-menu,
.dropdown.open .dropdown-menu { display: block }
#top_bar {
width: 100%;
height: 50px;
background-color: #369;
}
#top_bar a { color:#ccc; }
#top_bar a:hover, #top_bar a:active { color: #eee; }
#top_bar .logo {
float: left;
margin: 9px 0 0 30px;
}
#top_bar .account {
float: right;
color:#ccc;
margin: 11px 30px 0 0;
}
#top_bar .account .detail {
float: left;
padding-right: 10px;
border-right: 1px solid #ccc;
}
#top_bar .account .icon {
float: left;
display: block;
list-style: none;
margin: 0 0 0 10px;
}
#top_bar .account .icon li {
float: left;
display: block;
margin-right: 5px;
}
#menu_wrapper {
width: 100%;
height: 60px;
background-color: #0c2544;
border-bottom: 1px solid #fff;
border-top: 2px solid #08192E;
}
#search {
float: right;
margin: 15px 10px 0 0;
width: 252px;
height: 30px;
}
#search input {
background-color: #444;
background-color: rgba(255, 255, 255, 0.3);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: normal;
font-weight: 13px;
line-height: 1;
padding: 4px 9px;
color: #ffffff;
color: rgba(255, 255, 255, 0.75);
border: 1px solid #111;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/*
.nav {
float: left;
display: block;
list-style: none;
margin: 0 0 0 10px;
}
.nav li {
display: block;
float: left;
margin: 0 20px 0 20px;
}
.nav li a {
display: block;
width: 100%;
padding: 20px 0 20px 0;
text-transform: uppercase;
text-align: center;
font-family: 'DroidSansBold', Arial;
}
.nav li a.active, .nav li a:active, .nav li a:hover, .nav li a.selected
{
background: transparent url('../images/bg_menu_selected.png') no-repeat center 80%;
color: #f7f6f6;
}
*/
.popup {
font-size: 80%;
width: 158px;
display: none;
position: absolute;
z-index: 1000;
}
.popup .top {
width: 158px;
height: 32px;
background: transparent url('../images/bg_popup_top.png') no-repeat center center;
}
.popup .content {
width: 158px;
min-height: 60px;
height: auto;
background: transparent url('../images/bg_popup_content.png') repeat-y center center;
}
.popup .footer {
width: 158px;
height: 20px;
background: transparent url('../images/bg_popup_footer.png') no-repeat center center;
}
.submenu {
display: block;
list-style: none;
padding-top: 3px;
margin: 0;
}
.submenu li {
display: block;
font-size: 1.2em;
width: 100%;
margin: 0;
}
.submenu li a {
padding: 0;
display: block;
width: 130px;
padding: 5px 0 5px 20px;
margin: 0 0 0 3px;
text-align: left;
text-transform: capitalize;
color: #999;
}
.submenu li a:hover, .submenu li a:active
{
background: transparent url('../images/bg_submenu_selected.png') repeat-x;
color: #fff;
}
.shortcut {
width: 85px;
position: fixed;
left: 0px;
top: 120px;
}
.shortcut .top {
width: 85px;
height: 19px;
background: transparent url('../images/bg_shortcut_top.png') no-repeat center center;
}
.shortcut .content {
width: 85px;
min-height: 60px;
height: auto;
background: transparent url('../images/bg_shortcut_content.png') repeat-y center center;
}
.shortcut .content h2 {
color: #fff;
font-size: 13px;
margin: 0 0 15px 14px;
font-family: 'DroidSansBold', Arial;
}
.shortcut .content .items {
list-style: none;
display: block;
}
.shortcut .content .items li { margin: 20px 0 0 20px }
.shortcut .content .items li a { display: block }
.shortcut .footer {
width: 85px;
height: 18px;
background: transparent url('../images/bg_shortcut_footer.png') no-repeat center center;
}
#content_wrapper {
min-width: 890px;
margin-left: 10px;
margin-top: 5px;
}
.leftside {
float: left;
}
.onecolumn {
border: 1px solid #ccc;
background-color: #fff;
margin-top: -3px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
}
.onecolumn.center {
margin: 0;
margin: auto;
}
.onecolumn .header {
background: #f1f2f2;
padding: 10px 20px 10px 20px;
height: 30px;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.onecolumn .header h2 {
font-size: 16px;
font-family: 'DroidSansBold', Arial;
margin-top: 4px;
display: block;
float: left;
}
.onecolumn .header .description {
margin: 7px 0 0 0;
float: left;
}
.onecolumn .content { margin: 10px; }
.onecolumn .content.nomargin { margin: 0; }
.smallcontent {
margin-right:20%;
margin-left:20%;
}
.twocolumn_wrapper {
float: left;
width: 47%;
}
.twocolumn_wrapper.right {
float: right;
margin-right: 30px;
}
.twocolumn {
border: 1px solid #ccc;
background: #fff;
margin-top: -2px;
width: 100%;
}
.twocolumn .header {
background: #f1f2f2;
padding: 10px 20px 10px 20px;
height: 30px;
border-bottom: 1px solid #ccc;
}
.twocolumn .header .description {
margin: 7px 0 0 0;
float: left;
}
.twocolumn .content { margin: 20px }
.content p { color: #222 }
.content li { color: #222 }
.twocolumn .content.nomargin { margin: 0 }
.content-height { height: 660px }
.first_level_tab {
display: block;
list-style: none;
float: left;
border-right: 1px solid #ccc;
margin-bottom: 1px;
}
.first_level_tab li {
display: block;
float: left;
}
.first_level_tab li a {
display: block;
padding: 10px 20px 10px 20px;
background: #fff;
font-family: 'DroidSansBold', Arial;
border: 1px solid #ccc;
border-bottom: 0;
border-left: 1px solid #ccc;
border-right: 0;
position: relative;
color: #959595;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.first_level_tab li a.active {
display: block;
background: #f1f2f2;
border-bottom: 0;
border-right: 0;
border-left: 1px solid #ccc;
color: #000;
padding-bottom: 12px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.first_level_tab li a:hover, .first_level_tab li a:active
{ color: #000 }
.second_level_tab {
display: block;
list-style: none;
float: right;
}
.second_level_tab li {
float: left;
padding-bottom: 20px;
}
.second_level_tab li a {
float: left;
color: #6e6e6e;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
.second_level_tab li a:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.second_level_tab li a:active {
color: #000;
border-color: #444;
}
.content p { padding: 0px 5px 10px 5px }
.pagination {
display: block;
clear: both;
float: left;
margin-top: 5px;
width: 100%;
border-top: 1px solid #ccc;
background: #f1f2f2;
}
.pagination a {
display: block;
float: left;
padding: 10px 20px 10px 20px;
background: #f1f2f2;
font-family: 'DroidSansBold', Arial;
position: relative;
color: #959595;
}
.pagination a:hover { color: #000 }
.pagination a.active {
display: block;
float: left;
padding: 10px 20px 10px 20px;
background: #fff;
font-family: 'DroidSansBold', Arial;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
position: relative;
top: -1px;
color: #959595;
}
.media_photos {
display: block;
margin: 0;
padding: 0;
list-style: none;
float: left;
margin-top: 20px;
margin-left: 10px;
}
.media_photos li {
display: block;
float: left;
margin: 0;
padding: 0;
width: 135px;
height: 135px;
text-align: center;
}
.media_photos li img { border: 1px solid #ccc }
.media_photos li .action {
display: block;
text-align: center;
margin-top: 5px;
visibility: hidden;
}
.media_photos li .action img { border: 0 }
.media_photos li a { text-align: center }
.dayoff {
margin-left:45%;
margin-top:50px;
}
.most-recent {
margin-top:50px;
margin-left: auto;
margin-right: auto;
width:450px;
-webkit-border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
border-radius: 4px 4px;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
}
.alert_warning, .alert_info, .alert_success, .alert_error, .alert_tip, .alert_hint, .alert_pos
{
margin: 20px;
font-family: 'DroidSansBold', Arial;
font-size: 1.2em;
}
.alert_warning {
background: #FFFBCC;
border: 1px solid #E6DB55;
cursor: pointer;
color: #69610A;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_info {
background: #DBE3FF;
border: 1px solid #A2B4EE;
color: #0888C3;
padding:6px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_success {
background: #D5FFCE;
border: 1px solid #9ADF8F;
cursor: pointer;
color: #508600;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_error {
background: #FFCECE;
border: 1px solid #DF8F8F;
margin: 20px;
color: #E3302C;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_hint {
background: #FFECCD;
border: 1px solid #DD9854;
margin: 20px;
color: #69610A;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_tip {
background: #EBD9F1;
border: 1px solid #A7A1B6;
margin: 20px;
color: #543551;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_tip a
{ color: #543551; }
.alert_ads {
background: #FDF6E5;
border: 1px solid #FDF6E5;
margin: 8px;
padding: 2px 7px 1px 8px;
color: #543551;
cursor:pointer;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49);
}
.alert_ads a {
color: #2200C1;
}
.alert_ads cite, cite a:link, cite a:visited {
color: #0E774A;
font-style: normal;
}
.alert_ads .ads {
float: right;
font-weight: normal;
color: #767676;
padding: 1px 0pt 1px 1px;
font-size:0.8em;
margin: 3px 0pt 0pt;
text-shadow: none;
}
.alert_warning p, .alert_info p, .alert_success p, .alert_error p, .alert_pos p, .alert_tip p, .alert_hint p, .alert_ads p
{
margin-top:10px;
margin-left:34px;
font-size:0.9em;
line-height:1.2em;
width:80%
}
.graph_wrapper { padding: 10px 0 5px 0 }
#footer {
width: 100%;
height: 50px;
padding-top: 10px;
background-color: #212121;
border-top: 1px solid #ccc;
margin-top: 30px;
text-align: center;
color: #fff;
font-size: 11px;
}
/*
Reservation navigation headline
*/
.navgroup {
font-size: 24px;
float: left;
margin: 0px 5px;
}
.dategroup {
font-size: 18px;
float: left;
margin: 0px 5px;
}
.dategroup_name {
font-size: 18px;
font-family: 'DroidSansBold', Arial;
float: left;
margin-top: 8px;
margin-left: 30px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.746094);
}
/*
Timeline chart
*/
.timeline-section {
float: left;
clear: left;
padding: 1em 2em;
}
.timeline {
font-size: 10px;
height: 9em;
width: 100%;
}
.timeline li {
position: relative;
float: left;
width: 13px;
margin: 0 0.1em;
height: 6em;
list-style-type: none;
}
.timeline li .label {
display: block;
position: absolute;
bottom: -2em;
left: 0;
background: #fff;
width: 100%;
height: 2em;
line-height: 2em;
text-align: center;
color: #706482;
text-decoration: none;
font-family: 'DroidSansBold', Arial;
}
.timeline li .label2 {
display: block;
position: absolute;
bottom: -3em;
left: 0;
background: #fff;
width: 100%;
height: 1.5em;
line-height: 1.5em;
text-align: center;
color: #4D7BCA;
text-decoration: none;
font-family: 'DroidSansBold', Arial;
}
.timeline li .count {
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 0;
width: 100%;
background: #DEDEDE;
text-indent: -9999px;
overflow: hidden;
/*
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
*/
}
/* original*/
/*
.timeline li .full { background: #D50C0C; }
.timeline li .high { background: #F79537; }
.timeline li .low { background: #91D539; }
.timeline li .free { background: #BAE4E9; }
*/
.timeline .full, .sparkline .index .full
{ background: #BB2828 !important; }
.timeline .high, .sparkline .index .high
{ background: #F06533 !important; }
.timeline .low, .sparkline .index .low
{ background: #5EBC41 !important; }
.timeline .free, .sparkline .index .free
{ background: #4491AB !important; }
.timeline .table, .sparkline .index .table
{ color: #BFABC9 !important; }
.timeline .active, .sparkline .index .active
{
opacity: 0.4;
color: #000 !important;
}
/* SPARKLINES */
.sparkline {
float: left;
height: 20px;
margin: 0 0.5em;
}
.sparkline .index {
position: relative;
float: left;
width: 4px;
height: 100%;
}
.sparkline .index .count {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
/*background: #AAA;*/
overflow: hidden;
text-indent: -9999px;
}
/* SPARKLINE LISTS */
.sparklist li {
padding: 0.4em 0;
list-style-type: none;
}
/*
Pagination nested dataTable
*/
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
{
height: 19px;
width: 19px;
margin-top: 15px;
margin-left: 5px;
float: left;
}
.paginate_disabled_previous { background-image: url('../images/icons/prev_disabled.png') }
.paginate_enabled_previous { background-image: url('../images/icons/prev.png') }
.paginate_disabled_next { background-image: url('../images/icons/next_disabled.png') }
.paginate_enabled_next { background-image: url('../images/icons/next.png') }
/*
Pagination nested dataTable
*/
div.stats_section_title {
font-family: 'DroidSansBold', Arial;
font-size : 12px;
color : #777777;
font-weight : bold;
border-bottom: 1px solid #888888;
margin-bottom: 10px;
}
div.stats_section_content {
color : #AAAAAA;
font-weight : bold;
}
span.big_number {
font-size : 90px;
}
span.bigger_number {
font-size : 120px;
}
span.biggest_number {
font-size : 180px;
}
span.stats_small_text {
font-size: 18px;
color: #BBB;
}
h1.stats_header_text {
color: #2398C9;
text-decoration: none;
font-weight: bold;
}
div.stats_section_content li {
list-style-type: none;
font-size: 22px;
line-height: 20pt;
color: #C0DB1E;
text-decoration: none;
font-weight: bold;
}
/*
Error
*/
.error { background: #F7CBCA }
label.error { margin-left: 6px; }
.error_select { background: transparent url('../images/bg_option_error.png') no-repeat center }
/*
Inline Edit
*/
.big .inlineedit input {
font-size: 18px;
font-style: normal;
font-family: 'DroidSansBold', Arial;
}
.opentime-table select {
margin-left: 8px;
}
/*
Google Map
*/
#map_canvas {
margin-top:80px;
text-align:center;
width: 640px;
height: 270px;
padding: 4px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
/*
Property Images
*/
.property-image {
display: block;
background-position:center center;
background-repeat: no-repeat;
min-width:350px;
max-width:350px;
max-height:260px;
min-height:260px;
float: right;
padding: 4px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.property-logo {
display: block;
background-position:center center;
background-repeat: no-repeat;
min-width:250px;
max-width:250px;
max-height:80px;
min-height:80px;
float: left;
}
.nav-image {
margin-right:4px;
vertical-align: middle;
}
/*
Daylight Colors
*/
.morning {
background:#E4E9F0;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.746094);
}
.afternoon {
background:#FDFFF1;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.746094);
}
.evening {
background:#DBCBDE;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.746094);
}
.row-active {
background: #D1EED1 !important;
}
.tautologous {
color: #936 !important;
}
.waitlist-header {
background:#FFB4B4;
}
.grey {
color:#bbb !important;
}
/*
Specials
*/
.resv-table {
margin:15px 0px 0px 0px;
font-size:0.9em;
width:100%;
}
.resv-table-small {
margin:15px 0px 0px 0px;
border-collapse:collapse;
font-size:0.9em;
width:100%;
}
.resv-table-small tbody td{
border-bottom: 1px solid #DDD;
}
.outlet-left {
margin-left:5px;
}
.outlet-settings {
width:35%;
float:left;
margin-left:40px;
}
.margin-80 {
margin-top:80px !important;
}
.margin-left-40 {
margin-left:40px !important;
}
.width-50 {
width:50px !important;
}
.width-250 {
width:250px !important;
}
.width-450 {
width:450px !important;
}
.width-97 {
width: 97%;
}
.width-70 {
width: 80%;
}
.width-100 {
width: 100%;
}
.right-side {
float: right;
}
.right-side-text {
text-align:right;
}
.left-side-text {
text-align:left;
}
.detail-slider {
width:45%;
float:left;
}
.margin-4 {
margin:4px;
}
.script-box {
width: 450px;
height:100px;
}
.small-column {
margin-right: 20%;
margin-left: 20%;
}
.margin-bottom-10 {
margin-bottom:10px;
}
.margin-top-20 {
margin-top:10px;
}
#messageBox {
cursor:pointer;
}
.res-height {
height:1050px !important;
}
.form-height {
height:1050px !important;
}
.margin-right-20 {
margin-right:20px;
}
.padding-left-20 {
padding-left:20px;
}
.mail-icon {
margin-left:11px;
vertical-align:middle;
}
/*
* Tables.less
* Tables for, you guessed it, tabular data
* ---------------------------------------- */
.bordered-table {
width: 100%;
margin-bottom: 18px;
padding: 0;
border-spacing: 0;
border-collapse: separate;
*border-collapse: collapse;
/* IE7, collapse table to remove spacing */
font-size: 13px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.bordered-table th, .bordered-table td {
padding: 10px 10px 9px;
line-height: 18px;
text-align: left;
}
.bordered-table th {
padding-top: 9px;
font-weight: bold;
vertical-align: middle;
border-bottom: 1px solid #ddd;
}
.bordered-table td {
vertical-align: top;
}
.bordered-table th + th, .bordered-table td + td {
border-left: 1px solid #ddd;
}
.bordered-table tr + tr td {
border-top: 1px solid #ddd;
}
.bordered-table tbody tr:first-child td:first-child {
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0;
}
.bordered-table tbody tr:first-child td:last-child {
-webkit-border-radius: 0 4px 0 0;
-moz-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0;
}
.bordered-table tbody 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;
}
.bordered-table tbody tr:last-child td:last-child {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0;
}
table .blue {
color: #049cdb;
border-bottom-color: #049cdb;
background-color: #ade6fe;
}
table .green {
color: #46a546;
border-bottom-color: #46a546;
background-color: #cdeacd;
}
table .red {
color: #9d261d;
border-bottom-color: #9d261d;
background-color: #f4c8c5;
}
table .yellow {
color: #ffc40d;
border-bottom-color: #ffc40d;
background-color: #fff6d9;
}
table .orange {
color: #f89406;
border-bottom-color: #f89406;
background-color: #fee9cc;
}
table .purple {
color: #7a43b6;
border-bottom-color: #7a43b6;
background-color: #e2d5f0;
}
table .grey {
color: #666;
border-bottom-color: #666;
background-color: #F1F2F2;
}