/*
* FIXME: Introduce SCSS & Sprockets
*/
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('images/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('images/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('images/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('images/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('images/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('images/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('images/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('images/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('images/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('images/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('images/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('images/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('images/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/*
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.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
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('../images/bg-input-focus.png') repeat-x 0px 0px;
background: url('../images/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('../images/bg-input-focus.png') repeat-x 0px 0px;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
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;
}
/* Uploader */
div.uploader {
background-position: 0px -297px;
height: 28px;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
background-position: right -673px;
}
div.button.active,
div.button:active {
background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled,
div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
font-size: 12px;
}
div.selector select {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
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;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: center;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
margin-left: 0px;
margin-top: 2px;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* 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);
display: inline-block;
background: none;
}
/* 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;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
margin-left:0px;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/*
* SliderNav - A Simple Content Slider with a Navigation Bar
* Copyright 2010 Monjurul Dolon, http://mdolon.com/
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://devgrow.com/slidernav
*/
.list_slider { min-height: 250px; display: block; position: relative; background: #fff; overflow: hidden; }
.list_slider ul { list-style: none; }
.slider-content { float: left; width: 100%; display: block; overflow: hidden; min-height: 250px; }
.slider-content ul { float: left; width: 100%; display: block; position: relative; }
.slider-content ul li { float: left; width: 100%; }
.slider-content ul ul li a { padding: 5px 10px; display: block; border-bottom: 1px solid #f3f3f3;}
.slider-content ul ul li a:hover { background: #f3faff; border-color: #d5ebf9; }
.slider-content .title { padding: 5px 0; text-indent: 10px; background: #bbb; width: 98%; float: left; font-weight: bold; text-transform: uppercase; border-top:1px solid #aaa; border-bottom:1px solid #aaa;color: #555; text-shadow: 0 1px 0 #FFFFFF;}
.slider-content .selected .title { background: #666; color:white; text-shadow: 0 1px 0 #000; }
.list_slider .slider-nav { position: absolute; right: 0; top: 0; background: #666; min-height: 250px; top:22px !important; width:40px; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.list_slider .slider-nav ul { padding: 5px 0; }
.list_slider .slider-nav li a { padding: 3px 5px; line-height: 13px; text-align: center; color: #555; text-shadow: 0 1px 0 #FFFFFF; font-weight: bold; display: block; text-transform: uppercase; cursor: pointer; }
.list_slider #debug { position: absolute; bottom: 0; left: 0; padding: 5px; background: #000; color: #fff; }
.list_slider .arrow { font-size: 12px; background: none; position: relative; top: -2px; display:inline; text-align: center;}
.list_slider .down { border-bottom: none; top: 1px; }
.list_slider .slide-up, .list_slider .slide-down { height: 20px; background: #333; text-align: center !important; cursor: pointer; float: right; width: 100%; position: relative; }
.slide-up, .slide-down{
border-bottom:1px solid #aaa;
border-top:1px solid #aaa;
border-left:1px solid #fff;
border-right:1px solid #aaa;
}
.slide-up{
margin-top:-1px;
padding-bottom:1px}
.slide-down{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:40px;
right:1px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(/images/ui.totop.png) no-repeat left top;
*background:url(/images/ui.totop2.png) no-repeat left top;
z-index: 9999;
}
#toTopHover {
background:url(/images/ui.totop.png) no-repeat left -51px;
*background:url(/images/ui.totop2.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
/*
* FullCalendar v1.5 Stylesheet
*
* Copyright (c) 2011 Adam Shaw
* Dual licensed under the MIT and GPL licenses, located in
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
*
* Date: Sat Mar 19 18:59:37 2011 -0700
*
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right {
margin-right: 1px; /* back to normal */
}
.fc-header .ui-corner-right {
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%; /* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, /* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #ccc;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
background: #ffc;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border-style: solid;
border-width: 1px 0;
}
.fc-button-inner {
position: relative;
float: left;
overflow: hidden;
}
.fc-state-default .fc-button-inner { /* non-theme */
border-style: solid;
border-width: 0 1px;
}
.fc-button-content {
position: relative;
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0 .6em;
white-space: nowrap;
}
/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button-content .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/* gloss effect */
.fc-state-default .fc-button-effect {
position: absolute;
top: 50%;
left: 0;
}
.fc-state-default .fc-button-effect span {
position: absolute;
top: -100px;
left: 0;
width: 500px;
height: 100px;
border-width: 100px 0 0 1px;
border-style: solid;
border-color: #fff;
background: #444;
opacity: .09;
filter: alpha(opacity=9);
}
/* button states (determines colors) */
.fc-state-default,
.fc-state-default .fc-button-inner {
border-style: solid;
border-color: #ccc #bbb #aaa;
background: #F3F3F3;
color: #000;
}
.fc-state-hover,
.fc-state-hover .fc-button-inner {
border-color: #999;
}
.fc-state-down,
.fc-state-down .fc-button-inner {
border-color: #555;
background: #777;
}
.fc-state-active,
.fc-state-active .fc-button-inner {
border-color: #555;
background: #777;
color: #fff;
}
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
color: #999;
border-color: #ddd;
}
.fc-state-disabled .fc-button-effect {
display: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border-style: solid;
border-width: 0;
font-size: .85em;
cursor: default;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
a.fc-event {
text-decoration: none;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-skin {
border-color: #36c; /* default BORDER color */
background-color: #36c; /* default BACKGROUND color */
color: #fff; /* default TEXT color */
}
.fc-event-inner {
position: relative;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
margin-left: 1px;
}
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
margin-left: -1px;
}
.fc-corner-right {
margin-right: 1px;
}
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
margin-right: -1px;
}
.fc-corner-top {
margin-top: 1px;
}
.fc-corner-top .fc-event-inner {
margin-top: -1px;
}
.fc-corner-bottom {
margin-bottom: 1px;
}
.fc-corner-bottom .fc-event-inner {
margin-bottom: -1px;
}
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
border-left-width: 1px;
}
.fc-corner-right .fc-event-inner {
border-right-width: 1px;
}
.fc-corner-top .fc-event-inner {
border-top-width: 1px;
}
.fc-corner-bottom .fc-event-inner {
border-bottom-width: 1px;
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html{
overflow-y: scroll;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
@charset "utf-8";
/* CSS Document */
a:focus {
outline: none;
}
button:focus {
outline: none;
}
button::-moz-focus-inner { border: 0; }
ol, ul{
margin:0;
padding:0;
}
ul li, ol li{
margin:0;
padding:0;
}
a{
color:#555;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#000;
}
button{
cursor:pointer;
}
input, textarea{ font: 12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
margin-bottom: 0px;
line-height:1;
}
p{
margin-bottom:10px;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ".";
clear: both;
height: 0;
line-height:0;
overflow: hidden;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
span.hide_text{
visibility:hidden;
}
.clear_right{clear:right;}
.clear_left{clear:left;}
body{
-webkit-text-size-adjust: none !important;
}
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
font: 12px/1.5 'Helvetica Neue',Arial,'Liberation Sans', sans-serif;
color:#333;
}
a:focus {
outline: 0px dashed;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-left: 30px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
margin-bottom: 15px;
-webkit-text-size-adjust:none;
}
.block h1,
.block h2,
.block h3,
.block h4,
.block h5,
.block h6{
color:#333;
}
.block h1,
.block h2,
.flat_area h1,
.flat_area h2,
.flat_area h3,
.flat_area h4,
.flat_area h5,
.flat_area h6
{letter-spacing: -1px !important;}
.block h3, .block h4, .block h5, .flat_area h3, .flat_area h4, .flat_area h5{margin-bottom: 20px;}
.block p, .flat_area p{
color:#333;
line-height: 1.6em;
}
.block p strong, .flat_area p strong{
color:#333;
}
.block ul, .block ol, .flat_area ul, .flat_area ol{
list-style-position:inside;
}
.block ul li, .block ol li{
color: #333;
line-height: 2em;
padding:1em 0;
border-bottom: 1px solid #eee;
}
.flat_area ul li, .flat_area ul li {
color: #333;
padding:0.5em 0;
border-bottom: 1px solid #eee;
}
.block ul li:first-child, .block ol li:first-child, .flat_area ul li:first-child, .flat_area ul li:first-child{
padding-top:0;}
.flat_area small{
font-size:12px;
color:#333;
font-weight:normal;
letter-spacing: 0;
}
.flat_area a{
font-weight:bold;}
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
.container_12,
.container_16
{
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
display: inline;
float: left;
margin-left: 0.99%;
margin-right: 0.99%;
}
.container_12 .grid_3,
.container_16 .grid_4
{
width: 23%;
}
.container_12 .grid_6,
.container_16 .grid_8
{
width: 48%;
}
.container_12 .grid_9,
.container_16 .grid_12
{
width: 73%;
}
.container_12 .grid_12,
.container_16 .grid_16
{
width: 98%;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha
{
margin-left: 0;
}
.omega
{
margin-right: 0;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1
{
width: 6.333%;
}
.container_12 .grid_2
{
width: 14.666%;
}
.container_12 .grid_4
{
width: 31.333%;
}
.container_12 .grid_5
{
width: 39.666%;
}
.container_12 .grid_7
{
width: 56.333%;
}
.container_12 .grid_8
{
width: 64.666%;
}
.container_12 .grid_10
{
width: 81.333%;
}
.container_12 .grid_11
{
width: 89.666%;
}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1
{
width: 4.25%;
}
.container_16 .grid_2
{
width: 10.5%;
}
.container_16 .grid_3
{
width: 16.75%;
}
.container_16 .grid_5
{
width: 29.25%;
}
.container_16 .grid_6
{
width: 35.5%;
}
.container_16 .grid_7
{
width: 41.75%;
}
.container_16 .grid_9
{
width: 54.25%;
}
.container_16 .grid_10
{
width: 60.5%;
}
.container_16 .grid_11
{
width: 66.75%;
}
.container_16 .grid_13
{
width: 79.25%;
}
.container_16 .grid_14
{
width: 85.5%;
}
.container_16 .grid_15
{
width: 91.75%;
}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4
{
padding-left: 25%;
}
.container_12 .prefix_6,
.container_16 .prefix_8
{
padding-left: 50%;
}
.container_12 .prefix_9,
.container_16 .prefix_12
{
padding-left: 75%;
}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1
{
padding-left: 8.333%;
}
.container_12 .prefix_2
{
padding-left: 16.666%;
}
.container_12 .prefix_4
{
padding-left: 33.333%;
}
.container_12 .prefix_5
{
padding-left: 41.666%;
}
.container_12 .prefix_7
{
padding-left: 58.333%;
}
.container_12 .prefix_8
{
padding-left: 66.666%;
}
.container_12 .prefix_10
{
padding-left: 83.333%;
}
.container_12 .prefix_11
{
padding-left: 91.666%;
}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1
{
padding-left: 6.25%;
}
.container_16 .prefix_2
{
padding-left: 12.5%;
}
.container_16 .prefix_3
{
padding-left: 18.75%;
}
.container_16 .prefix_5
{
padding-left: 31.25%;
}
.container_16 .prefix_6
{
padding-left: 37.5%;
}
.container_16 .prefix_7
{
padding-left: 43.75%;
}
.container_16 .prefix_9
{
padding-left: 56.25%;
}
.container_16 .prefix_10
{
padding-left: 62.5%;
}
.container_16 .prefix_11
{
padding-left: 68.75%;
}
.container_16 .prefix_13
{
padding-left: 81.25%;
}
.container_16 .prefix_14
{
padding-left: 87.5%;
}
.container_16 .prefix_15
{
padding-left: 93.75%;
}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4
{
padding-right: 25%;
}
.container_12 .suffix_6,
.container_16 .suffix_8
{
padding-right: 50%;
}
.container_12 .suffix_9,
.container_16 .suffix_12
{
padding-right: 75%;
}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1
{
padding-right: 8.333%;
}
.container_12 .suffix_2
{
padding-right: 16.666%;
}
.container_12 .suffix_4
{
padding-right: 33.333%;
}
.container_12 .suffix_5
{
padding-right: 41.666%;
}
.container_12 .suffix_7
{
padding-right: 58.333%;
}
.container_12 .suffix_8
{
padding-right: 66.666%;
}
.container_12 .suffix_10
{
padding-right: 83.333%;
}
.container_12 .suffix_11
{
padding-right: 91.666%;
}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1
{
padding-right: 6.25%;
}
.container_16 .suffix_2
{
padding-right: 16.5%;
}
.container_16 .suffix_3
{
padding-right: 18.75%;
}
.container_16 .suffix_5
{
padding-right: 31.25%;
}
.container_16 .suffix_6
{
padding-right: 37.5%;
}
.container_16 .suffix_7
{
padding-right: 43.75%;
}
.container_16 .suffix_9
{
padding-right: 56.25%;
}
.container_16 .suffix_10
{
padding-right: 62.5%;
}
.container_16 .suffix_11
{
padding-right: 68.75%;
}
.container_16 .suffix_13
{
padding-right: 81.25%;
}
.container_16 .suffix_14
{
padding-right: 87.5%;
}
.container_16 .suffix_15
{
padding-right: 93.75%;
}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix
{
display: inline-block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, 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 !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.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; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, 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
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=\\'Helvetica%20Neue\\',Arial,\\'Liberation%20Sans\\',%20FreeSans,%20sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=3px&bgColorHeader=4c5766&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=30&borderColorHeader=4c5766&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=222222&iconColorContent=888888&bgColorDefault=ffffff&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=30&borderColorDefault=cccccc&fcDefault=888888&iconColorDefault=888888&bgColorHover=eeeeee&bgTextureHover=01_flat.png&bgImgOpacityHover=0&borderColorHover=aaaaaa&fcHover=888888&iconColorHover=888888&bgColorActive=4c5766&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=30&borderColorActive=4c5766&fcActive=fff&iconColorActive=ffffff&bgColorHighlight=E8F6FF&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=0&borderColorHighlight=B8E2FB&fcHighlight=4c5766&iconColorHighlight=4c5766&bgColorError=FFD1D1&bgTextureError=01_flat.png&bgImgOpacityError=0&borderColorError=F8ACAC&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content { border: 1px solid #cccccc; background-color: #fcfdfd; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4c5766; background-color: #4c5766; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
ui-slider .ui-state-default, .ui-slider .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background-color:#DFE2E4; font-weight: normal; color: #888888; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #888888; 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 { /*border: 1px solid #aaaaaa; background: #eeeeee url(/images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #888888; */ cursor:pointer;}
.ui-state-hover a, .ui-state-hover a:hover { color: #888888; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #4c5766; background: #4c5766 url(/images/ui-bg_highlight-soft_30_4c5766_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #aaa; background-color: #ccc; color: #4c5766; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #4c5766; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #f8acac; background: #ffd1d1 url(/images/ui-bg_flat_0_ffd1d1_40x100.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_888888_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/ui-icons_888888_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/ui-icons_888888_256x240.png); }
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_888888_256x240.png); }*/
.ui-state-active .ui-icon {background-image: url(/images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_4c5766_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_cd0a0a_256x240.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 is deprecated, use ui-icon-seek-start instead */
.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
----------------------------------*/
/* Corner radius
.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-right { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
*/
/* Overlays */
.ui-widget-overlay { background-color: #000; opacity: .40;filter:Alpha(Opacity=40); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.9
*
* Copyright 2011, 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/Resizable#theming
*/
.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;}/*
* jQuery UI Selectable 1.8.9
*
* Copyright 2011, 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/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.9
*
* Copyright 2011, 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/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
/*.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.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 { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }*/
/*
* jQuery UI Autocomplete 1.8.9
*
* Copyright 2011, 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/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.9
*
* 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/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.9
*
* Copyright 2011, 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/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.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; }
/* no icon support for input elements, provide padding by default */
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: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.9
*
* Copyright 2011, 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/Dialog#theming
*/
.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; border:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ui-dialog .ui-dialog-titlebar { padding: 5px; position: relative; margin:0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.9
*
* Copyright 2011, 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/Slider#theming
*/
.ui-slider { position: relative; text-align: left; margin:5px 0 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ui-slider a.ui-slider-handle:hover{
border-color: 1px solid #05255E;
}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; margin-top:-1px; padding-top: 1px; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.9
*
* Copyright 2011, 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/Tabs#theming
*/
/*.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; *padding-bottom: 0px; }
.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; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }*/
/*
* jQuery UI Datepicker 1.8.9
*
* Copyright 2011, 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/Datepicker#theming
*/
.ui-datepicker {}
.ui-datepicker { width: 17em; padding: 0px; display: none; margin-bottom:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:5px; margin:-1px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:5px; border:0; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:5px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.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 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; border-color:#fff !important; }
.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; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.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; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
.main_container .datepicker .ui-state-active{
color:#fff !important;
background-color:#000 !important;
}
.main_container .datepicker a.ui-state-default{
color:#666;
background-color:#fff;}
.main_container .datepicker .ui-state-highlight{
color:white !important;
background-color:#666 !important;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: bold;
}
/*
* jQuery UI Progressbar 1.8.9
*
* Copyright 2011, 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/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; margin-bottom:15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
/*--------------------------------
Basics
--------------------------------*/
body{
/* background: #261f0d;*/
background: url(/images/bg_squares.png) repeat fixed;
padding-bottom: 39px;
/* font-size: 8pt;*/
}
body.squared_body {
background: url(/images/bg_squares.png) repeat fixed !important;
}
body.punched_body {
background: url(/images/bg_punched.png) repeat fixed !important;
}
body.honey_body {
background: url(/images/bg_honeycomb.png) repeat fixed !important;
}
body.wood_body {
background: url(/images/big_wood.jpg) repeat fixed !important;
}
body.dark_wood_body {
background: url(/images/bg_dark_wood.jpg) repeat fixed !important;
}
body.noise_body {
background: url(/images/bg_noise.jpg) repeat fixed !important;
}
body.open_library {
background: url(/images/bg_punched.png) repeat fixed !important;
}
button, .button{
display:block;
clear:both;
float:left;
color: #fff;
border: 1px solid transparent;
padding: 7px 0px 7px 11px;
background-color: #4C5766;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
a.button {
text-decoration: none;
color: #fff;
}
#button_display button{clear:none;}
#button_display button span{
display:none;
}
#button_display,
#button_display .block{
padding-bottom:10px;
}
/*---- End of Basics -----*/
/*--------------------------------
Sidebar and Topbar
--------------------------------*/
#topbar{
display:none;
z-index:10;
position:relative;
width: 100%;
margin-bottom: 10px;
}
#topbar a.logo{
float:left;
margin-left: 3px;
margin-bottom: 0;
}
#topbar .user_box{
float:right;
width:190px;
margin-right:10px;
margin-top: 10px;
margin-bottom:0px;
padding:5px;
color:#fff;
border:1px solid #4C5766 !important;
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
}
#sidebar{
margin-left:10px;
width:175px;
z-index:10;
position:absolute;
top:0px;
left:0px;
}
.upgrade_motivational{
margin-top:10px !important;
}
.upgrade_motivational a.register{
color:#fff !important;
text-decoration:none;
background: url('/images/product_page/register_button.png') no-repeat;
width:147px;
height:27px;
display:inline-block;
text-align:left;
padding:6px 0 0 7px;
margin:10px 0 0 10px;
}
#sidebar a, #topbar a{color:#bbb; font-weight:normal;}
#sidebar a:hover, #topbar a:hover{color:#fff;}
a.logo{
background: url(/images/adminica_logo_black-trans.png) no-repeat;
display:block;
height:87px;
width:180px;
z-index:10;
margin-top: -15px;
}
#sidebar div.cog{
display: none;
}
#sidebar a.logo{
margin-top:-15px;
margin-bottom: 5px;
margin-left: -7px;
}
#sidebar a.logo span, #topbar a.logo span{
visibility:hidden;
}
body #sidebar .user_box{
color:#fff;
padding:5px;
padding-right: 0;
border:1px solid #4C5766;
margin-top:0px;
margin-bottom:10px;
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
}
#sidebar .user_box:hover{
}
#sidebar .user_box .user_links{
float:right;
width:95px;
padding-right:5px;
word-wrap:break-word;}
#sidebar .user_box img, #topbar .user_box img{
border: 1px solid #333;
float: left;
margin-right: 8px;
margin-bottom:0;
padding:0;
display:block;
zoom:1;
}
#sidebar .user_box h2, #topbar .user_box h2{
color: #fff;
line-height: 12px;
margin-bottom: 8px;
margin-top: 3px;
font-size:0.9em;
}
#sidebar .user_box h3, #topbar .user_box h3{
margin-bottom: 8px;
font-size:1em;
font-weight:normal;
}
#sidebar .user_box ul, #topbar .user_box ul{
margin-bottom: 0;
margin-top:5px;
}
#sidebar .user_box ul li, #topbar .user_box ul li{
position: relative;
float: left;
display: inline;
list-style:none;
zoom:1;
}
#sidebar .user_box ul li a, #topbar .user_box ul li a{
font-size: 0.9em;
zoom:1;
}
#sidebar .user_box ul li a:hover, #topbar .user_box ul li a:hover{
color:white;
}
#sidebar .user_box ul li a:hover, #topbar .user_box{
color:#fff;
}
#sidebar .user_box ul li span, #topbar .user_box ul li span{
color: #666;
margin:0 4px;
}
form#search_side{width:100%;}
#sidebar form#search_side{
padding: 0;
border:1px solid #4C5766;
margin-bottom:10px;
width: 173px;
margin-left:0;
display:block;
position:relative;
display:block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25);
}
#sidebar form#search_side input{
background: transparent url(/images/icon_small_white_Magnifying_Glass.png) 5px 3px no-repeat;
border:none;
display: block;
padding:7px 5px 7px 33px;
width:135px;
color:#bbb;
}
#sidebar form#search_side input{color: #fff;}
#sidebar #search_side:hover{
border: 1px solid #fff;
color: #fff;
}
/*---- Change menu for display options ---- */
#change_menu{
width:175px;
float:left;
border:solid 1px #999;
}
#change_menu ul#accordion li{
list-style:none;
width: 100%;
position: relative;
border-bottom:none;
margin:0;
padding:0;
cursor:move;
}
#change_menu ul#accordion li span{
color:#555;
font-weight:normal;
font-size:1.1em;
background-image: none;
background-color: #DFE2E4;
display:block;
line-height:32px;
border-top:1px solid #fff;
border-bottom:1px solid #959ba2;
border-left:none;
border-right:none;
text-indent:0px;
text-shadow:0px 1px 0px #fff;
padding-left:10px;
zoom:1;
}
#change_menu ul#accordion li span img{
float:left;
padding:4px 7px 0 0;
margin-left: -5px;
}
/*---- Actual menu ----*/
li.hidden_sep{
background: url("/images/icon_small_white_List_Sep.png") 50% 50% no-repeat;
height:30px;
cursor:pointer;
}
#sidebar ul.hidden{
display:none;
}
form#search_side{
margin-top: 10px;
}
#sidebar li.hidden_sep{}
#sidebar ul#accordion li, #sidebar ul#side_links li{
list-style:none;
width: 100%;
position: relative;
}
#sidebar ul#accordion li a, #sidebar ul#side_links li a{
color:#555;
font-weight:normal;
font-size:1.1em;
background-image: none;
background-color: #DFE2E4;
display:block;
line-height:32px;
border-top:1px solid #fff;
border-bottom:1px solid #959ba2;
border-left:none;
border-right:none;
text-indent:0px;
text-shadow:0px 1px 0px #fff;
padding-left:10px;
zoom:1;
}
#sidebar ul#accordion li a img, #sidebar ul#side_links a img{
float:left;
padding:4px 7px 0 0;
margin-left: -5px;
}
#sidebar ul#accordion li span, #sidebar ul#side_links li span{
display:block;
position: absolute;
right:2px;
top:2px;}
#sidebar ul#accordion li a:hover, #sidebar ul#side_links li a:hover{
color:#000;
}
#sidebar ul#accordion li a.ui-state-active{
color:#000;
}
#sidebar ul#accordion li:first-child a, #sidebar ul#side_links li:first-child a {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top:0px solid white;
}
#sidebar ul#accordion li:last-child a, #sidebar ul#side_links li:last-child a{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom:0px solid white;
}
#sidebar ul#accordion li ul.drawer{
border-left:0 !important;
border-right:0 !important;
border-top:0px solid #333;
border-bottom:0px solid #333;
margin-top: -1px;
margin-bottom: 0px;
background: url(/images/sidenav_tooth-trans.png) 8px 0px no-repeat;
background-color:none;
}
#sidebar ul#accordion li ul.drawer li a{
filter:none;
background-image:none;
background-color:transparent;
border-bottom:1px solid #000;
border-top:0px solid #333;
border-left: 0px solid #333;
border-right: 0px solid #333;
color:#eee;
font-weight:normal;
text-indent:15px;
line-height:32px;
font-size:1em;
text-shadow:0px 1px 0px #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#sidebar ul#accordion li ul.drawer li a:hover{
background-color:rgba(0,0,0,0.1);
color:#fff;
}
#sidebar ul#accordion li ul.drawer li:last-child a{
border-bottom-width: 0px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#sidebar ul#accordion li ul.drawer li:first-child a{
border-top: none;
}
#sidebar ul#accordion li:last-child ul.drawer li:last-child a{
border-bottom-width: 0px;
}
#sidebar ul#accordion li:last-child ul.drawer{
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
/*---- End of Sidebar and Topbar -----*/
/*--------------------------------
Login Box
--------------------------------*/
#login_box{
background: #eee url(/images/grey_noise.png) repeat;
background-color: #e5e8ea;
z-index:10;
display: block;
margin:10% auto 100px;
border:3px solid white;
position:relative;
width:340px;
}
#login_box label.fields{
position: relative;
display:block;
margin: 20px 30px 10px;
}
#login_box label.fields strong{
display:block;
width:85px;
float:left;
color: #333333;
font-size: 1.1em;
font-weight: normal;
line-height: 25px;
text-shadow: 0 1px 0 #FFFFFF;
}
#login_box label.fields input.indent{
width:185px;
height:22px;
padding:0 5px;
line-height:22px;
text-shadow: 0 1px 0 #FFFFFF;}
#login_box button {
float:right;
margin:10px 30px 55px;
display:block;
clear: both;
}
#login_box #bar{
color:white;
background-color:#4c5766;
position:absolute;
bottom:-5px;
left:-4px;
width:306px;
padding:10px 20px;
border-left:none;
border-right:none;
font-size: 12px;
border-bottom: 1px solid #59676B !important;
}
#login_box #bar a{ margin-left:30px; color:#ccc}
#login_box #bar a:hover{ color:#fff;}
#login_box a#login_logo{
background: transparent url("/images/adminica_logo_black-trans.png") 0 -15px no-repeat;
position:absolute;
bottom:-72px;
right:24px;
height:67px;
width:253px;
}
#login_box a#login_logo span{ visibility:hidden;}
/*----- End of Login Page -------*/
/*--------------------------------
The Main Container
--------------------------------*/
div.main_container{
margin:10px 10px 10px 196px;
*top:10px;
background: #eee url(/images/grey_noise.png) repeat;
background-color: #e5e8ea;
padding: 20px 10px 5px;
width:auto;
position: relative;
display: block;
*padding-bottom: 15px;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
}
div.main_container a{
color:#555;
font-weight:bold;
}
div.main_container a:hover{
color:#000;
}
.flat_area{margin-bottom: 0px;margin-top: 0px;}
.flat_area p, .flat_area h1, .flat_area h2, .flat_area h3, .flat_area h4, .flat_area h5, .flat_area h6{
text-shadow:0px 1px 0px #fff;
}
.flat_area h2{
margin-left: 0px;
margin-right: 0px;
padding:2px 10px 2px;
margin-bottom:15px;
margin-top:0px;
font-weight:normal;
background-image:url("/images/trans_black_less.png");
border:1px solid #fff;
border-left:1px solid #f8f8f8;
border-right:1px solid #f8f8f8;
line-height:30px;
text-indent:0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
div.main_container .box, div.main_container .box_no_format{
position: relative;
background-color:white;
border:1px solid #ccc;
border-width:1px 0;
margin-bottom:15px;
padding:0;
z-index:400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.list_choose_datatable{
padding:0;
max-height:500px;
width:350px;
overflow:auto;
}
div.main_container .box h2.box_head{
font-size:13px;
font-weight:normal;
line-height:37px;
background-color:#4c5766;
color:white;
margin:-2px auto -1px;
text-indent:10px;
text-shadow:0px 1px 0px #0f3360;
-webkit-user-select: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
div.main_container .box h2.box_head small{
font-size: 11px;
color:#ddd;
line-height: 0em;
}
.box a.toggle{
background: url(/images/toggle.png) 2px -14px no-repeat;
display:block;
height:18px;
width:18px;
position: absolute;
right:37px;
top:6px;
}
.box a.toggle_closed{
background-position:2px 2px;
}
.box a.grabber{
background: url(/images/grabber.gif) no-repeat;
display:block;
height:22px;
width:22px;
position: absolute;
right:6px;
top:6px;
cursor:move;
}
.box .block, .box .block_no_format{
padding:16px 20px 5px 20px;
margin-top:1px;
position:relative;
overflow:auto;
}
div.main_container .box .no_padding{
padding:0;
overflow:visible;
}
.box .block label, .box .block_no_format label{
display:block;
font-size: 1.0em;
font-weight: bold;
color:#333;
margin-bottom:5px;
clear: both;
}
.box .block label small{
font-size:0.9em;
color:#666;
}
.box .block input, .box .block_no_format input{
display:block;
border:1px solid #b5b8bb;
background-color:#e7edef;
height:1.8em;
margin-bottom:15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-indent:5px;
}
.box .block_no_format input{
background-color:#fff;
margin-bottom: 0px;
}
#authors {
background: #e7edef;
}
.box .block input:hover,
.box .block textarea:hover{
border-color:#777;
}
.box .block input:focus,
.box .block textarea:focus{
border-color:#444;
}
.box .block input.small{
width:20%;
}
.box .block input.medium{
width:35%;
}
.box .block input.large{
width:70%;
}
.box .block .input_group{
margin-bottom: 15px;
}
button, .button{
padding: 7px 0px 5px 0px;
margin-bottom:15px;
margin-right:8px;
border: 1px solid transparent;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
float:left;
white-space:nowrap;
width:auto;
overflow:visible;
}
button img, .button img{
display:inline-block;
margin:-8px 0px;
width:24px;}
button span, .button{
display:inline-block;
text-transform:capitalize;
margin:-2px 5px 0 5px;
}
#button_display button{
float:left;
}
#button_display button span{
display:none;
}
#button_display{
padding-bottom:0px;}
#button_display .block{
padding-bottom:0px;
padding-right: 0px;
padding-top: 20px;}
.box .block textarea{
display:block;
border:1px solid #b5b8bb;
background-color:#e7edef;
margin-bottom:15px;
height:100px;
padding:5px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-indent:5px;
}
.box .block ul.full_width{
border: none;
margin-top: 0px;
margin-bottom: 0px;
}
.box .block ul.full_width li{
margin:0 0 0 1px;
border-bottom:1px solid #ccc;
width: 100%x;
padding:10px 10px;
list-style:none;
display: block;
}
.box .block ul.full_width li:last-child{
border: none;
}
.box .block ul.full_width li span{
color: #333;
display: block;
float: left;
width: 95px;
font-weight: bold;
font-size: 1.2em;
}
.dashed_placeholder{
float: left;
display: block;
border:1px dashed #aaa;
background-color:#ddd;
margin-bottom: 13px !important;
margin-left:1%;
margin-right:0.6%;
}
.fullsize{
padding: 0 !important;
}
.fullsize .box{
width:100% !important;
margin: 0 !important;
}
/*----- End of Main Container -------*/
/*--------------------------------
Top Nav
--------------------------------*/
#nav_top{
margin:-20px -10px 20px;
display: block;
border-bottom: 0px solid #fff;
position: relative;
z-index:500;
}
.header{
margin:-20px -10px 0px !important;
}
#nav_top ul{
margin-bottom: 0px;
border-bottom: 0px solid #aaa;
}
#nav_top ul li{
float: left;
list-style:none;
position: relative;
display:block;
zoom:1;
}
#nav_top ul li:first-child a{
border-left: none;
}
#nav_top ul li a.end{
width:0;
height: 34px;
padding: 0;
border-right:none;
}
#nav_top ul li a{
background-color: #dfe2e4;
border-right: 1px solid #aaa;
border-left: 1px solid #fff;
padding:5px 5px 4px 11px;
display: inline-block;
margin-bottom: 0px;
line-height:25px;
white-space: nowrap;
font-size: 1.1em;
font-weight: normal;
color:#555;
text-shadow:0px 1px 0px #fff;
border-bottom: 1px solid #aaa;
border-top: 1px solid #fff;
zoom:1;
}
#nav_top > ul > li.has_dropdown > a{
cursor: default;
}
#nav_top ul li a img{
float:left;
margin:1px 1px -4px -12px;
}
div.main_container #nav_top > ul > li.current > a{
border-top: none !important;
border-bottom: 1px solid #000;
border-left: none;
color:#fff;
text-shadow:0px 1px 0px #000000;
border-right:1px solid #4b4b4b;
padding-bottom: 5px;
background-color: #4c5766;
-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3);
-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3);
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3);
}
#nav_top ul li:first-child.current > a{
background-color:#1C5EA0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
#nav_top ul li a:hover{
color:#000;
}
#nav_top ul li ul.dropdown{
background-color: transparent;
display: block;
position: absolute;
top:35px;
z-index:501;
left:-9999px;
zoom:1;
border:1px solid #aaa;
border-top:1px solid #aaa;
width:140px;
}
#nav_top ul li:hover ul.dropdown{
left:-1px;
right:auto;
}
#nav_top ul li:hover ul.dropdown_right{
right:-0px;
left:auto;
}
#nav_top ul li ul.dropdown li{
position: relative;
float:none;
background-color: #DFE2E4;
z-index:100;
}
#nav_top ul li ul.dropdown li a{
display:block;
background-image:none;
background-color: transparent;
filter:none !important;
border-bottom:1px solid #b5b8bb;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #fff;
border-right: none;
margin-bottom: 0;
font-size: 1em;
font-weight: normal;
text-shadow:0px 1px 0px #fff;
}
#nav_top ul li ul.dropdown li:last-child a{
border-bottom: 0px solid #b5b8bb;
}
#nav_top ul li ul.dropdown li a:hover{
color: #000;
}
#nav_top ul li ul.dropdown li:first-child a{
}
#nav_top ul li ul.dropdown li:last-child a{
}
#nav_top ul li ul.dropdown li a.has_slide{
background: url(/images/nav_plus.gif) right 8px no-repeat !important;
background-color: transparent;
}
#nav_top ul li ul.dropdown li a.ui-state-active{
background: url(/images/nav_minus.gif) right 8px no-repeat !important;
background-color: transparent;
}
#nav_top ul li ul.dropdown li a.has_slide:hover{
}
#nav_top ul li ul.dropdown li ul.slideout{
margin-top: -1px;
border:0;
border-top:1px solid #111;
width:auto !important;
border-left:none;
}
#nav_top ul li ul.dropdown li ul.slideout li{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background:none;
filter:none !important;
zoom:1;
}
#nav_top ul li ul.dropdown li ul.slideout li a{
display:block;
border-bottom:1px solid #2f3134;
color:#eee;
text-shadow:0px 1px 0px #4e5660;
border-top: 0px solid #999;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-left:none;
text-shadow:0px 1px 1px #000;
background:transparent url(/images/blank.png) repeat\9 !important;
filter:none !important;
zoom:1;
}
#nav_top ul li ul.dropdown li ul.slideout li a:hover{
background-color:rgba(0,0,0,0.1);
color:#fff;}
#nav_top ul li ul.dropdown li ul.slideout li:last-child a{
border-bottom:0px solid #ccc;
}
#nav_top ul li ul.dropdown li:last-child a, #nav_top ul li ul.dropdown,
#nav_top ul li ul.dropdown li:last-child ul.slideout li:last-child,
#nav_top ul li ul.dropdown li:last-child ul.slideout li:last-child a{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#nav_top ul li ul.dropdown li:last-child ul.slideout li:last-child a,
#nav_top ul li ul.dropdown li:last-child
{
margin-bottom: -0px;
}
#nav_top ul li ul.dropdown li ul.slideout{
margin-bottom: 0px;
filter:none;
}
#nav_top ul li ul.dropdown li:last-child ul.slideout{
margin-bottom: 0px;
}
/*----- End Top Nav -------*/
/*--------------------------------
Breadcrumb
--------------------------------*/
ul#breadcrumb{
display: block;
clear: both;
/* background: url(/images/bg_heading.png) repeat-x; */
background-color:#4c5766;
border-left:0px solid #222;
height:30px;
margin:-10px -11px 20px;
}
ul#breadcrumb li{
list-style:none;
float:left;
}
ul#breadcrumb li a{
background: url(/images/divider_breadcrumb.png) right no-repeat;
color:white;
display:block;
float:left;
line-height:30px;
padding:0 30px 0 20px;
text-shadow:0px 1px 0px #0f3360;
}
/*----- End of Breadcrumb -------*/
/*--------------------------------
Big Search Bar
--------------------------------*/
#search_bar{
display: block;
margin:auto 0 20px;
width: 100%;
height:38px;
position:relative;
float: none;
}
#search_bar form{margin:0; padding:0;}
#search_bar input.indent{
background-image:url("/images/trans_black.png");
background-repeat:repeat;
background-color:transparent;
width:100%;
border:none;
border-top:3px solid #aaa;
line-height:28px;
height:28px;
padding:2px 0 5px 0px;
text-indent:10px;
*text-indent:0;
outline:1px solid white;
font-size:1.2em;
text-shadow:0px 1px 0px #f9f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search_bar .place_search{
position:absolute;
top:4px;
right:-5px;
}
#search_bar form button img{*display:none;}
/*----- End of Search Bar -------*/
/*--------------------------------
Form Elements
--------------------------------*/
span.form_tag{
display:block;
background-color:#f6f6f6;
height:20px;
margin-bottom:15px;
margin-left:5px;
float: left;
border:1px solid #b5b8bb;
padding:4px 10px 0px 30px;
font-weight:bold;
font-size: 0.9em;
width:120px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#login_box .LV_validation_message {
position: absolute;
right: 2px;
bottom: 2px;
padding: 1px 3px 0;
border:1px solid #aaa;
background-color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#login_box .LV_invalid{
border-color:#a30617;
background-color:#f80e27;
color: #fff;
text-shadow:0px 1px 0px #a30617;
}
form .LV_validation_message {
clear: both;
display: block;
font-size: 11px;
margin:-10px 0 15px;
}
form .LV_invalid{
color: #f80e27;
}
.alert{
position: fixed;
top: 15px;
left: 20%;
width: 60%;
z-index: 900;
border: 1px solid #999;
padding: 15px;
padding-left: 5px;
margin-bottom: 15px;
color: #fff;
text-shadow: 0 1px 1px #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.alert:hover{
cursor: pointer;
}
.alert img{
margin:-5px 5px -8px;
}
.reg_notes{
width:290px;
text-align:center;
margin-left:40px;
}
.reg_notes img{
margin-bottom:10px;
}
.reg_notes p{
font-size:14px;
line-height:180%;
}
/*----- End of Form Elements -------*/
/*--------------------------------
Tab Boxes
--------------------------------*/
.tabs ul.tab_header{
margin-top:-2px;
margin-bottom:0px;
padding:0;
width:100%;
border-width:1px 0px;
padding-top:1px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.tabs ul.tab_header li{
display:block;
margin:0;
margin-bottom: -1px;
padding:0;
border:0;
background:none;
cursor:pointer;
position:static;
filter:none;
}
div.main_container .tabs ul.tab_header li a{
display:block;
margin:4px 0 0px 5px;
line-height: 29px;
padding:0 15px;
text-shadow:0px 1px 0px #fff;
color: #555;
font-weight:normal;
background-color: #313841;
filter:none;
border-bottom: 1px solid #AAAAAA;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
div.main_container .tabs ul.tab_header li.ui-state-active a{margin:4px 0 -2px 5px;}
div.main_container .tabs ul.tab_header li a:hover{
color: #222;
cursor:pointer;
}
div.main_container .tabs ul.tab_header li.ui-tabs-selected a{
background: #fff;
filter:none;
border-color:white;
color: #333;
text-shadow:none;
}
div.main_container .tabs ul.tab_header li.ui-tabs-selected a{
cursor:default;
}
div.main_container .tabs ul{margin-bottom:-1px;}
div.tab_sider{
margin-left: 30%;
}
div.main_container .tabs ul.tab_sider{
margin-top:0px;
margin-bottom:0px;
padding:0;
position:absolute;
left:0;
right:70%;
top:0;
bottom:0;
margin-left:-1px !important;
background-color:none !important;
filter:none;
border:0px;
overflow:hidden;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
div.main_container .tabs ul.tab_sider li{
display:block;
margin:0px 0 0 0px;
padding:0;
width:101%;
border:0;
background:none;
cursor:pointer;
zoom:1;
}
div.main_container .tabs ul.tab_sider li a{
display:block;
line-height: 32px;
margin:5px 0 0px 8%;
padding:0 0;
width:92%;
text-shadow:0px 1px 0px #fff;
text-align:center;
color: #555;
font-weight:normal;
background-color: #313841;
zoom:1;
-moz-box-shadow:inset -1px 0px 0px #aaa;
-webkit-box-shadow:inset 0px 0px 2px #aaa;
box-shadow:inset 0px 0px 2px #aaa;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
div.main_container .tabs ul.tab_sider li a:hover{
color: #fff;
}
div.main_container .tabs ul.tab_sider li.ui-tabs-selected a{
background: #fff;
border-color:white;
color: #333;
text-shadow:none;
padding:0 0;
-moz-box-shadow:inset 0px 0px 2px #fff;
-webkit-box-shadow:inset 0px 0px 2px #fff;
box-shadow:inset 0px 0px 2px #fff;
}
div.main_container .box ul.content_accordion{
list-style:none;
padding:0;
margin-bottom:-1px;
width:100%;
}
.box ul.no_header{
margin-top:-1px;
}
.box ul.no_header, .box ul.no_header li:first-child, .box ul.no_header li:first-child h3{
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
/*----- End of Form Elements -------*/
/*--------------------------------
Accordion
--------------------------------*/
div.main_container .box ul.content_accordion li:last-child h3.bar{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
div.main_container .box ul.content_accordion li:last-child .content{
border-bottom:none;
}
.content_accordion h3.bar{
background-color: #dfe2e4;
display:block;
*display:inline-block;
margin:0;
line-height:30px;
padding:0 20px;
font-size: 13px;
font-weight: normal;
color:#333;
text-shadow:0px 1px 0px #fff;
border-bottom: 1px solid #bbb;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
border-left: 1px solid #aaa;
filter:none !important;
}
.content_accordion .content{
padding:20px 20px 0;
margin:0 0px;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #aaa;
background-color: #fff;
}
ul.content_accordion li{
position:relative;
padding:0;
margin:0;
width:100%;
display:block;
border:none;
}
ul.content_accordion li a.handle{
background: url(/images/grabber-trans.png) no-repeat;
line-height:22px;
height:22px;
width:22px;
position: absolute;
right:6px;
top:6px;
z-index:10;
cursor:move;
zoom:1;
}
/*----- End of Accordion -------*/
/*--------------------------------
DataTable
--------------------------------*/
.dataTables_scroll{overflow:hidden;}
.dataTables_wrapper{margin:-1px 0;}
.dataTables_wrapper .ui-widget-header{
font-weight:normal;
background-color: #4c5766;
position:relative;
padding:10px;
text-shadow:0px 1px 0px #000;
}
.dataTables_length{
float:left;
line-height:20px;
}
.dataTables_filter{
float:right;
line-height:20px;
width: 180px;
display:block;
}
.list_choose_datatable .dataTables_filter{
float:none;
margin:7px 7px 10px;
}
.list_choose_datatable tr{
cursor:pointer;
}
.dataTables_wrapper .dataTables_filter input{
height:18px;
display:inline;
width: 120px;
}
.dataTables_wrapper .ui-widget-header input{
margin:0 0 0 5px;
border: 1px solid #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.dataTables_wrapper .ui-widget-header select{
margin:0 5px;
border: 1px solid #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.dataTables_scrollHeadInner {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #AAAAAA;
}
.dataTables_scrollHeadInner table{margin-bottom:0;}
.dataTables_scrollHeadInner table thead tr{margin-right:-1px;}
.dataTables_scrollHeadInner table thead tr th{
border:none;
background:none;
position:relative;}
.DataTables_sort_wrapper{
background:none;
padding:10px 5px 10px 20px;
text-align:center;
font-size: 1em;
color:#333;
text-shadow: 0 1px 0 #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #AAAAAA;
position:relative;
font-weight: normal;
}
.DataTables_sort_wrapper:hover{color:#0a4e98; cursor:pointer;}
.DataTables_sort_wrapper span{ position:absolute; left:5px; top:8px;}
.dataTables_scrollBody table{margin-bottom:0;}
.dataTables_scrollBody tbody tr td{ line-height:20px;}
table.display td{ padding: 3px 10px;}
table.display tr.odd {
background-color: #edf1f3;
border-bottom:1px solid #d8dcde;
}
table.display tr.even {
border-bottom:1px solid #e1e5e7;
}
table.display tr.even:hover,table.display tr.odd:hover{background-color:#E6ECEF;}
.dataTables_info{float:left; line-height:26px;}
.dataTables_paginate{float:right; margin-right:0px;}
.dataTables_wrapper .dataTables_paginate span.fg-button{
background-image:none;
background-color:#DFE2E4;
text-shadow: 0 1px 0 #FFFFFF;
color:#333;
border-bottom: 1px solid #aaa;
border-left:1px solid white;
border-top:1px solid white;
border-right:1px solid #aaa;
padding:3px 10px;
margin:0;
filter:none !important;
}
.dataTables_wrapper .dataTables_paginate span.first{
border-left: 1px solid white;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.dataTables_wrapper .dataTables_paginate span.last{
border-right: 1px solid #fff;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.dataTables_wrapper .dataTables_paginate span.ui-state-disabled{
opacity:1;
color:#888 !important;
}
.dataTables_wrapper .dataTables_paginate span span.ui-state-disabled{
background-image:none;
text-shadow: 0 1px 0 #000;
background-color: #4C5766;
border: 1px solid #333333;
color: #FFFFFF !important;
opacity:1;}
.dataTables_wrapper .ui-corner-tl{
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.dataTables_wrapper .ui-corner-bl{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.box .no_padding .dataTables_wrapper .ui-corner-tl{
color:#333;
text-shadow: 0 1px 0 #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #AAAAAA;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #AAAAAA;
background-image:none;
background-color:#DFE2E4;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.no_padding .dataTables_wrapper .ui-corner-tl input,.no_padding .dataTables_wrapper .ui-corner-tl select{border: 1px solid #999; background-color: #fff;}
/* File Browser Style */
ul.jqueryFileTree{margin: 0 0 20px;}
li.expanded ul.jqueryFileTree{margin: 0 0 0px;}
ul.jqueryFileTree li:last-child{ border-bottom:none;}
ul.jqueryFileTree li.expanded > a{ margin-bottom:20px;}
ul.jqueryFileTree li.collapsed:last-child{margin-bottom:0; padding-bottom:0;}
ul.jqueryFileTree li.file:last-child{margin-bottom:0; padding-bottom:2px;}
/*----- End of DataTable -------*/
/*--------------------------------
Regular Tables
--------------------------------*/
table.static{
width: 100%;
margin-bottom: 0;
}
table.static thead tr th{
border-left: none;
border-right: none;
line-height: 30px;
padding: 0 10px;
text-align: left;
color: #fff;
font-weight: normal;
text-shadow:0px 1px 0px #000;
}
table.static tbody tr td{
line-height: 25px;
padding: 0 10px;
border: 0 solid #999;
}
table.static tbody tr td{
border-bottom: 1px solid #E1E5E7;
}
table.static tbody tr.even td{
background-color: #EDF1F3;
border-bottom: 1px solid #D8DCDE;
}
table.static .help{
cursor:help;
}
/* styling for relevance voting */
table.static tbody tr td.relevance_vote span{
margin-bottom:-9px !important;
}
table.static tbody tr td.relevance_vote a{
background: url('/images/icon_verysmall_grey_Relevance_Vote_sprite.png') no-repeat;
height:9px;
width:9px;
display:inline-block;
text-indent:-9999px;
margin-top:8px;
}
table#referal_table tbody tr td.relevance_vote a{ float:left; }
table#referal_table tbody tr td.relevance_vote a.up{ background-position:bottom left; }
table#referal_table tbody tr td.relevance_vote a.down{ background-position:bottom right; }
table#referal_table tbody tr:hover td.relevance_vote a.up{ background-position:top left; }
table#referal_table tbody tr:hover td.relevance_vote a.down{ background-position:top right; }
table#referal_table tbody tr td.relevance_vote span{ float:left; margin:1px 4px 0; color:#999; cursor:default;}
table#referal_table tbody tr:hover td.relevance_vote span{ color:#222;}
.restriction_message{
border:1px solid #999;
background-color:#f1f1f1;
text-align:center;
margin-top:10px;
padding:5px 10px 10px;
}
.restriction_message span.head{
font-size:120%;
font-weight:bold;
line-height:30px;
}
.search_other_sources{
text-align:center;
margin:10px 0;
font-weight:bold;
}
/*Icons in table*/
table td img{
margin-bottom:-7px;
}
/*----- End of Regular Tables -------*/
/*--------------------------------
Wizard
--------------------------------*/
.wizard{
border-top: 1px solid #333;
margin-top: 1px;
position: relative;
}
.wizard .wizard_steps ul{
width: 100%;
border-right: 0 !important;
border-left: 0 !important;
border-top: 0 !important;
}
.wizard .wizard_steps ul li{
min-width: 170px;
display: inline-block;
float: left;
list-style: none;
border-right: 1px solid #000;
}
.wizard .wizard_steps ul li.current a{
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: #000;
text-shadow:0px 1px 0px #fff;
}
.wizard .wizard_steps ul li:last-child,
.wizard .wizard_steps ul li:last-child a{
border-right-width: 0px;
}
.wizard .wizard_steps ul li a{
font-weight: normal;
color: #fff;
display: block;
padding: 8px 10px;
border-right: 1px solid #4C5766 ;
text-shadow:0px 1px 0px #000;
}
.wizard .wizard_steps ul li a span{
display: inline-block;
float: left;
font-size: 12px;
}
.wizard .wizard_steps ul li a small{
font-size: 10px;
color: #ddd;
margin:5px 0 0 12px;
display: inline-block;
float: left;
clear: both;
}
.wizard .wizard_steps ul li.current a small{
color: #333;
}
.wizard_content .step{
display: none;
}
.progress_in_header{
display: block;
height: 20px;
position: absolute;
right: 8px;
top: -30px;
width: 300px;
z-index: 9999;
border: 1px solid #064792;
}
.progress_in_header span{
position: absolute;
z-index: 100;
left:5px;
top:1px;
color: #fff;
font-size: 11px;
text-shadow:0px 1px 0px #000;
}
.progress_in_header.ui-progressbar .ui-progressbar-value{
background: #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/*----- End of Wizard -------*/
/*--------------------------------
File Browser
--------------------------------*/
#file_tree ul.jqueryFileTree li{
padding:0 0 5px 25px;
background-position:0px 8px;
}
#file_tree ul.jqueryFileTree li.directory a{
font-weight:normal;
line-height:30px;
margin-bottom:0;
}
/*----- End of File Browser -------*/
/*--------------------------------
Gallery
--------------------------------*/
.indent{
background-color:rgba(0,0,0,0.15);
*background: url(/images/indent_ie.png) repeat;
border:none;
border-top:3px solid #aaa;
outline:1px solid white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.indent fieldset{text-shadow:0px 1px 0px #f9f9f9;}
.indent fieldset h3{margin-bottom: 10px;}
.gallery ul{padding:20px 5px 10px 20px; list-style:none; }
div.main_container .gallery ul li{
list-style:none;
float:left;
padding:0;
margin:0 7px 7px 0;
border-bottom:1px solid #aaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.main_container .gallery ul li a{
color:#fff;
font-size:1.2em;
display:block;
width:150px;
line-height:20px;
background-color:#DFE2E4;
text-align:center;
text-shadow:0px 1px 0px #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:3px 5px 10px 3px;
border-left:0;
border-right:0;
border-top:0;
}
div.main_container .gallery ul li a img{ display:block; margin:0 0 5px 0; padding:0; border:1px solid #222; }
div.main_container .gallery ul li a span.size{
display: block;
color:#999;
font-size:10px;
line-height: 15px;
}
.gallery_sorter{margin-bottom:10px; display: block;}
.gallery_sorter fieldset{padding:10px 20px;margin:0; width:40%;}
.gallery_sorter label{margin-right:10px; line-height: 2em; display: block; float: left;}
/*----- End of Gallery -------*/
/*--------------------------------
Calendar
--------------------------------*/
.fc table{
margin-bottom: 0;
}
.fc thead tr th{
line-height: 30px;
}
.fc .fc-agenda-divider{
background:#333;
border-color: #000;
}
.fc thead tr th.fc-first{
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
.fc thead tr th.fc-last{
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
.fc .fc-agenda-slots tr th{
border-color: #959BA2;
color:#555;
text-shadow: 0 1px 0 #FFFFFF;
}
.fc .ui-state-highlight,
.fc .ui-widget-content .ui-state-highlight,
.fc .ui-widget-header .ui-state-highlight{
background-color: #E6ECEF;
}
.fc .fc-event{
padding: 5px;
text-shadow: 0 1px 0 #000;
margin: 2px 0 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fc .fc-event.google{
border: 1px solid #bbb;
}
.fc .fc-event a,
.fc-event-skin,
.fc-event-vert .fc-event-bg{
background: none;
}
.fc .fc-event .fc-event-inner{
background: none;
border: none;
}
.fc .fc-event.google .fc-event-inner span{
}
ul#calendar_drag_list li{padding: 0;}
ul#calendar_drag_list li a{
padding: 10px;
display: block;
cursor: move;
}
/*----- End of Calendar -------*/
/*--------------------------------
iPhone and iPad formatting
--------------------------------*/
/* iPad Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#template_options{
position: relative !important;
}
}
/* iPhone Landscape */
@media screen and (min-width: 321px) and (max-width: 480px)
{
body div.main_container{
margin:10px 0 10px 1% !important;
padding:20px 2% 5px !important;
width:94% !important;
}
body div.fullsize{padding:none !important;}
#nav_top {
margin: -20px -2% 20px;
}
#nav_top ul li a{
padding:5px 5px 4px;
font-size: 1em;
}
#nav_top ul li a img{
display:none;
}
#template_options{
position: relative !important;
}
div.main_container .box, div.main_container .flat_area{
width: 98% !important;}
#sidebar{display:none !important;}
#topbar{display:block !important;}
#template_options h3{
float:none !important;
display: block !important;
clear:both !important;}
#template_options div{display: block;}
div.fullsize{padding:0 !important;}
div.fullsize .box{
margin:-20px -2% -5px !important;
padding:0% !important;
width:104% !important;
}
body{padding-bottom:0 !important;}
}
/* iPhone Portrait */
@media screen and (max-width: 320px)
{
a.logo{
width:50px;
}
body {width: 320px !important;}
#nav_top{display:none;}
body div.main_container{
margin:10px 0 10px 1% !important;
padding:20px 2% 5px !important;
width:94% !important;
}
body div.main_container{max-width:260px !important;}
body div.main_container #nav_top ul li.current:first-child a{
border-left-width: 1px !important;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
body div.main_container #nav_top ul li.current:last-child a{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#nav_top {
margin: -20px -0px 20px -2%;
width:104% !important;
}
#nav_top ul li{width:100% !important;}
#nav_top ul li a{
padding:4px 5% 5px !important;
font-size: 0.9em;
display:block;
width:90%;
}
#nav_top ul li ul.dropdown{
position:absolute;
width:100%;}
#nav_top ul li ul.dropdown li a {
padding:0 0 0 0%;
text-indent:30px;
display:block;
width:100%;
}
#nav_top ul li a img{
}
#template_options{position: relative !important;}
#template_options h3{
float:none !important;
display: block !important;
clear:both !important;}
#template_options div{display: block;}
#sidebar{display:none !important;}
#topbar{display:block !important;}
div.main_container .box, div.main_container .flat_area{
width: 100% !important;}
div.fullsize{padding:0 !important;}
div.fullsize .box{
margin:-20px -2% -5px !important;
padding:0% !important;
width:104% !important;
}
body{padding-bottom:0 !important;}
}
/*----- End of iPhone -------*/
/*--------------------------------
Flot Graph
--------------------------------*/
.flot{
width: 97%;
margin:0 0 5px;
height:300px;
}
/*----- End of Flot -------*/
/*--------------------------------
Dashboard Setup
--------------------------------*/
div.main_container #dash_gallery ul li a{ width:auto;}
div.main_container #dash_gallery ul li a img{ width:115px;}
#feature_container{
margin: -10px -10px 0px 0px;
width:100%;
}
#feature_container ul.feature_list{
margin-bottom: 0;
margin-right: -10px;
}
#feature_container ul.feature_list li{
display: inline;
float: left;
}
#feature_container a.features{
width:116px;
float:left;
display: block;
color:white;
font-size: 11px;
position: relative;
height: 90px;
margin:0 5px 5px 0;
}
#feature_container a.small {
height: 65px;
}
#feature_container a.features:hover{
color: #fff;
}
#feature_container a.features img{
display: block;
width:auto;
margin:0 auto;
}
#feature_container a.features strong{
display: block;
font-weight: normal;
line-height: 14px;
text-align: center;
position: absolute;
bottom:5px;
width: 100%;
text-shadow:0px 1px 1px #000;
}
#feature_container a.features .starred{
background: url(/images/content/yellow_star.png) no-repeat;
display: block;
height: 35px;
width: 35px;
position: absolute;
right:-1px;
top:0px;
}
#feature_container a.features .blue{
background: url(/images/content/blue_star.png) no-repeat;
}
#feature_container a.features .green{
background: url(/images/content/green_star.png) no-repeat;
}
#feature_container ul.feature_list li a span.update{
display:none;
}
.theme_colour a{
border:1px solid #ccc;
display: inline-block;
width:10px;
height:10px;
margin-right: 3px;
}
.theme_colour a span{display:none !important;}
.theme_colour a.black{background-color:black;}
.theme_colour a.blue{background-color:#1C5EA0;}
.theme_colour a.navy{background-color:#2b4356;}
.theme_colour a.red{background-color:#7C1F30;}
.theme_colour a.green{background-color:#3d8336;}
.theme_colour a.brown{background-color:#9c451a;}
.theme_colour a.magenta{background-color:#9b6ca6;}
.dashboard_sorter {
display: block;
margin-bottom: 10px;
margin-right: 10px;
}
.dashboard_sorter fieldset {
margin: 0;
padding: 10px 20px;
width: 40%;
}
/*----- End of dashboard setup -------*/
/*--------------------------------
Corners, Shadows & Highlights
--------------------------------*/
body .text_shadow{text-shadow:0px 1px 1px #000;}
body .text_highlight{text-shadow:0px 1px 0px #fff;}
body .round_all{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body .round_all_small, .flat_area h2{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
body .round_none{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
body .round_bottom{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
body .round_top{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
body .round_left{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
body .round_right{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* CUSTOM */
.left_labels input, .left_labels label{
float: left;
}
.left_labels label {
width: 15%;
}
.large_form input, .large_form label, .large_input, .large_label{
font-size: 140%;
}
.fl {float: left;}
.fr {float: right;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.bottom_20 {margin-bottom: 20px;}
.contact_name {
float: left;
margin-left: 20px;
}
.contact_photo, .author_photo {
border: 1px solid #666;
}
.author_photo {
margin-left: 8px;
margin-bottom: 5px;
}
.comment {
margin-left: 10px;
width: 90%;
}
.comment .time {
font-weight: bold;
font-size: 120%;
}
.comment .time .links {
font-weight: normal;
float: right;
}
.comment .time .links .delete_btn{
color: red;
font-size: 80%;
font-weight: normal;
}
.comment .commenter{
font-style: italic;
color: #999;
}
#barcode_field{
background: none;
border: none;
font-size: 10px;
}
img.medium_cover {
float: left;
margin: 10px;
}
img.medium_small_thumb{
float: left;
margin-right: 5px;
margin-top: 5px;
}
.wide_form {
width: 75% ;
}
p.padded {
padding: 10px;
color: #333;
}
#main_container {
margin-top: 27px;
}
.loading-indicator {
height: 80px;
width: 80px;
background: url( '/images/loading.gif' );
background-repeat: no-repeat;
background-position: center center;
}
.loading-indicator-overlay {
background-color: #FFFFFF;
opacity: 0.6;
filter: alpha(opacity = 60);
}
#update_cache {
position: fixed;
bottom: 10;
height: 15px;
width: 100%;
padding: 3px;
text-align: center;
background-color: #F8FAD7;
z-index: 999;
}
/*.float_bottom {
position: fixed;
bottom: 10;
height: 15px;
width: 100%;
}*/
a.no_format {
text-decoration: none;
color: white;
}
.loan {
border: 1px solid #ccc;
padding: 4px;
margin-bottom: 10px;
}
.loan button {
float: right;
}
.center {
text-align: center;
}
.padded_20 {
padding: 20px;
}
.left_label {
width: 16em;
text-align: right;
margin-right: 5px;
}
.dataTables_processing {
background: #dedede;
padding: 20px;
font-size: 1.2em;
color: #333;
text-shadow: none;
position: absolute;
top: 200px;
left: 45%;
border: 1px solid #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pagination {
margin-top: 15px;
padding: 8px;
}
.pagination a, .pagination em.current {
background: #dedede;
padding: 5px 8px;
border: 1px solid #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pagination a:hover, .pagination em.current {
background: #fff;
}
.pagination a.previous_page, .pagination a.next_page {
background: #4C5766;
color: #fff;
}
.pagination a.previous_page:hover, .pagination a.next_page:hover {
color: #dedede;
}
#pay_now {
z-index: 999999;
position: fixed;
top: 200px;
height: 155px;
width: 100%;
background: #dedede;
border-top: 4px solid #666;
border-bottom: 4px solid #666;
text-align: center;
padding-top: 20px;
}
.ec-event a{
color: #fff !important;
}
.block .bip input {
display: inline !important;
clear: none !important;
}
#not-found {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 18px;
width: 30%;
margin-left: auto;
margin-right: auto;
border: 1px dashed #999;
margin-bottom: 10px;
text-align: center;
}
#open_library_tag{
z-index: 900;
position: fixed;
bottom: 0;
width: 100%;
background: url(/images/bg_punched.png) repeat fixed !important;
border-top: 1px solid #333;
height: 60px;
}
#advanced_search {
float: left;
margin-left: 20px;
background: #fff;
padding: 0 10px;
border-top: 1px solid #ccc;
}
.qbf {
text-align: left; font-size: 10pt;
}
.qbf label{
clear: left;
width: 20%;
display: block;
float: left;
margin-top:3px;
}
.qbf input {
float: left;
width: 68%;
margin-bottom:0;
}
.notice {
border: 2px solid green;
background: #fff;
padding: 5px;
text-align: center;
width: 90%;
margin-bottom: 20px;
}
.qbf .block{
padding-top:0;
padding-bottom:0;
}
.qbf_referal input{
border:1px solid #b5b8bb;
background-color:#e7edef;
height:1.8em;
margin-bottom:15px;
width:50px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-indent:5px;
}
.qbf_referal span{
padding: 3px 3px 0;
}
a.delete {
color: red !important;
}
.super_medium_result {
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #efefef;
margin-bottom: 10px;
}w
.super_medium_result:hover {
background: #dedede;
}
#user_messages {
margin-bottom: -60px !important;
}
.full_width_field{
width: 100%;
font-size: 1em;
}
.large_field { font-size: 1.2em; }
.sjamar_feature {
padding: 5px;
width: 90%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #efefef;
float: left;
margin-bottom: 10px;
}
.sjamar_feature h4 {
margin-bottom: 3px;
font-size: 1.2em;
}
.trial{
border: 2px solid red;
padding: 10px;
width: 50%;
}
.voter {
line-height: 10px;
width: 8%;
float: right;
font-size: 14px;
}
a.up_vote {
display: block;
margin-bottom: 5px;
}
a.down_vote {
display: block;
}
.feature_kind {
float: right;
display: block;
background: green;
color: white;
padding: 0 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.nieuwe-functie{
background: green;
}
.fout-oplossen{
background: red;
}
.gebruiksvriendelijkheid{
background: orange;
}
th a {
color: white !important;
text-decoration: underline;
}
th a:hover {
color: #eee !important;
text-decoration: underline;
}
.ec-calendar-header th a {
color: #000 !important;
text-decoration: underline;
}
.ec-calendar-header th a:hover {
color: #333 !important;
text-decoration: underline;
}
/*--------------------------------------------
Pricing table
---------------------------------------------*/
div#pricing_table{}
div#pricing_table div#notes{}
div#pricing_table div.pricing_comment p{
font-size: 30px;
line-height: 27px;
letter-spacing: -0.03em !important;
font-weight:normal;
text-align:center;
margin-top:20px;
color:#333;
}
div#pricing_table div.pricing_comment p.head{font-weight:bold; margin-top:0;}
div#pricing_table div.pricing_comment p.sub{margin-top:8px; font-size:20px;}
div#pricing_table div.pricing{
padding:0 20px;
text-align:center;
float:left;
margin-top:30px;
}
div#pricing_table div.pricing_center, div#pricing_table div.pricing_left{
background: url('/images/product_page/vertical_seperator.gif') repeat-y top right;
}
div#pricing_table div.pricing_center, div#pricing_table div.pricing_right{
/* width:240px;*/
width:25%;
}
div#pricing_table div.pricing_left{
/* width: 240px;*/
width:25%;
padding-right:100px;
margin-left:170px;
}
div#pricing_table div.pricing p, p.package span{
font-size: 17px;
line-height: 27px;
letter-spacing: -0.03em !important;
font-weight:normal;
}
div#pricing_table div.pricing p.package{
font-size: 30px;
line-height: 50px;
letter-spacing: 0;
font-weight:bold;
color:#666;
text-decoration:none;
}
div#pricing_table div.pricing div.pricing_sep{
height:15px;
width:40px;
margin:0 auto;
background: url('/images/product_page/horizontal_seperator.gif') repeat-x 50%;
}
div#pricing_table div.pricing a.register{
color:#fff;
text-decoration:none;
background: url('/images/product_page/register_button.png') no-repeat;
width:147px;
height:27px;
display:inline-block;
text-align:left;
padding:6px 0 0 7px;
margin:10px 0 0 10px;
}
div#pricing_table div.pricing a.price:hover{ text-decoration:underline; }
div#pricing_table div.account_arrow{
position:absolute;
width:81;
height:43;
/* left:330px;*/
left:48%;
top:220px;
}
div.switch_accounts_text{
text-align:center;
margin-top:15px;
}
div.switch_accounts_text p.head{font-size:200%;}
div.switch_accounts_text p.sub{ font-size:120%; margin-bottom:7px; }
div.fields{
width:160px;
margin:0 auto;
text-align:center;
}
/*--------------------------------------------
Settings
---------------------------------------------*/
.create_new_list_format input{
color:#8A8A8A;
font-style: italic;
cursor:pointer;
background-color:#F7F7F7 !important;
border-color:#E6E6E6 !important;
}
.create_new_list_format{
cursor:pointer;
}
.list_format_tags a{
font-weight: normal !important;
color:#666 !important;
}
/* Coloured Header Gradients, eg. Sortable Boxes, Tab Boxes, Date-picker, etc. */
body .grad_colour,
.ui-widget-header,
div.main_container #nav_top > ul > li.current > a,
#nav_top ul li ul.dropdown li ul.slideout,
.dataTables_wrapper .ui-widget-header,
#sidebar ul#accordion li ul.drawer,
#login_box #bar,
.slider-content .selected .title,
#sidebar .user_box,
#topbar .user_box,
form#search_side,
table.static thead tr th,
.wizard .wizard_steps ul,
.progress_in_header.ui-progressbar .ui-progressbar-value
{
background: #4c5766; /* old browsers */
background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5766), color-stop(99%,#313841)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); /* ie */
border:1px solid #313841;
zoom:1;
}
/* Grey Header Gradients eg. Nav, Sidebar, Accordion, etc. */
body .grad_grey,
#sidebar ul#accordion li a,
#nav_top ul li a,
#nav_top ul li ul.dropdown li,
.content_accordion h3.bar,
.box .no_padding .dataTables_wrapper .ui-corner-tl,
.dataTables_scrollHead,
.list_slider .slider-nav, .slider-content .title,
.list_slider .slide-up,
.list_slider .slide-down,
#sidebar ul#side_links li a,
div.main_container .tabs ul.tab_header li a,
div.main_container .tabs ul.tab_sider li a,
.fc .fc-agenda-slots tr th,
.wizard .wizard_steps ul li.current
{
background: #DFE2E4; /* old browsers */
background: -moz-linear-gradient(top, #E6ECEF 0%, #D0D6DA 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6ECEF), color-stop(99%,#D0D6DA)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6ECEF', endColorstr='#D0D6DA',GradientType=0 ); /* ie */
zoom:1;
}
/* Theme Button and some ON states */
button, button.skin_colour,
div.main_container .gallery ul li a,
#feature_container a.features,
.fc-header .ui-state-active
{
background: #4c5766; /* old browsers */
background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5766), color-stop(99%,#313841)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); /* ie */
border: 1px solid #313841;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
button:hover, button.skin_colour:hover,
div.main_container .gallery ul li a:hover,
#feature_container a.features:hover,
.fc-header .ui-state-active:hover{
background: #313841; /* old browsers */
background: -moz-linear-gradient(top, #313841 0%, #4c5766 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313841), color-stop(99%,#4c5766)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313841', endColorstr='#4c5766',GradientType=0 ); /* ie */
zoom:1;
-webkit-transition: background 5000ms ease-in; /* Saf3.2+, Chrome */
-moz-transition: background 5000ms ease-in; /* FF3.7+ */
-o-transition: background 5000ms ease-in; /* Opera 10.5+ */
transition: background 5000ms ease-in; /* futureproofing */
}
body div.main_container .grad_colour,
body div.main_container .grad_grey,
.dataTables_wrapper .ui-widget-header,
.dataTables_scrollHeadInner{
filter:none\9 !important;
}
/* Blue .main_container button */
.main_container button.blue, .alert_blue, .calendar_blue{
background: #1C5EA0; /* old browsers */
background: -moz-linear-gradient(top, #1C5EA0 0%, #064792 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C5EA0), color-stop(99%,#064792)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C5EA0', endColorstr='#064792',GradientType=0 ); /* ie */
border: 1px solid #064792;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.blue:hover, .alert_blue:hover, .calendar_blue:hover;{
background: #064792; /* old browsers */
background: -moz-linear-gradient(top, #064792 0%, #1C5EA0 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#064792), color-stop(99%,#1C5EA0)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064792', endColorstr='#1C5EA0',GradientType=0 ); /* ie */
zoom:1;
}
/* Black .main_container button */
.main_container button.black, .alert_black, .calendar_black{
background: #4c5766; /* old browsers */
background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5766), color-stop(99%,#313841)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); /* ie */
border: 1px solid #313841;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.black:hover, .alert_black:hover, .calendar_black_hover{
background: #313841; /* old browsers */
background: -moz-linear-gradient(top, #313841 0%, #4c5766 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313841), color-stop(99%,#4c5766)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313841', endColorstr='#4c5766',GradientType=0 ); /* ie */
zoom:1;
}
/* Navy .main_container button */
.main_container button.navy, .alert_navy, .calendar_navy{
background: #2b4356; /* old browsers */
background: -moz-linear-gradient(top, #2b4356 0%, #122b45 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b4356), color-stop(99%,#122b45)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4356', endColorstr='#122b45',GradientType=0 ); /* ie */
border: 1px solid #122b45;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.navy:hover, .alert_navy:hover, .calendar_navy:hover{
background: #122b45; /* old browsers */
background: -moz-linear-gradient(top, #122b45 0%, #2b4356 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122b45), color-stop(99%,#2b4356)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122b45', endColorstr='#2b4356',GradientType=0 ); /* ie */
zoom:1;
}
/* Red .main_container button */
.main_container button.red, .alert_red, .calendar_red{
background: #9e253b; /* old browsers */
background: -moz-linear-gradient(top, #9e253b 0%, #7C1F30 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e253b), color-stop(99%,#7C1F30)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e253b', endColorstr='#7C1F30',GradientType=0 ); /* ie */
border: 1px solid #7C1F30;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.red:hover, .alert_red:hover, .calendar_red:hover{
background: #7C1F30; /* old browsers */
background: -moz-linear-gradient(top, #7C1F30 0%, #9e253b 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7C1F30), color-stop(99%,#9e253b)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C1F30', endColorstr='#9e253b',GradientType=0 ); /* ie */
zoom:1;
}
/* Green .main_container button */
.main_container button.green, .alert_green, .calendar_green{
background: #3d8336; /* old browsers */
background: -moz-linear-gradient(top, #3d8336 0%, #277423 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d8336), color-stop(99%,#277423)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8336', endColorstr='#277423',GradientType=0 ); /* ie */
border: 1px solid #277423;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.green:hover, .alert_green:hover, .calendar_green:hover{
background: #277423; /* old browsers */
background: -moz-linear-gradient(top, #277423 0%, #3d8336 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#277423), color-stop(99%,#3d8336)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277423', endColorstr='#3d8336',GradientType=0 ); /* ie */
zoom:1;
}
/* Orange .main_container button */
.main_container button.orange, .alert_orange, .calendar_orange{
background: #ca6705; /* old browsers */
background: -moz-linear-gradient(top, #ca6705 0%, #ae5905 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca6705), color-stop(99%,#ae5905)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca6705', endColorstr='#ae5905',GradientType=0 ); /* ie */
border: 1px solid #ae5905;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.orange:hover, .alert_orange:hover, .calendar_orange:hover{
background: #ae5905; /* old browsers */
background: -moz-linear-gradient(top, #ae5905 0%, #ca6705 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae5905), color-stop(99%,#ca6705)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae5905', endColorstr='#ca6705',GradientType=0 ); /* ie */
zoom:1;
}
/* Magenta .main_container button */
.main_container button.magenta, .alert_magenta, .calendar_magenta{
background: #9B6CA6; /* old browsers */
background: -moz-linear-gradient(top, #9B6CA6 0%, #8D579A 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9B6CA6), color-stop(99%,#8D579A)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9B6CA6', endColorstr='#8D579A',GradientType=0 ); /* ie */
border: 1px solid #8D579A;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
.main_container button.magenta:hover, .alert_magenta:hover, .calendar_magenta:hover{
background: #8D579A; /* old browsers */
background: -moz-linear-gradient(top, #8D579A 0%, #9B6CA6 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8D579A), color-stop(99%,#9B6CA6)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8D579A', endColorstr='#9B6CA6',GradientType=0 ); /* ie */
zoom:1;
}
.main_container button.black, .alert_black
{
background: #4c5766; /* old browsers */
background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5766), color-stop(99%,#313841)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); /* ie */
border:1px solid #313841;
zoom:1;
}
.main_container button.black:hover, .alert_black:hover
{
background: #313841; /* old browsers */
background: -moz-linear-gradient(top, #313841 0%, #4c5766 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313841), color-stop(99%,#4c5766)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313841', endColorstr='#4c5766',GradientType=0 ); /* ie */
border:1px solid #4c5766;
zoom:1;
}
.main_container button.grey, .alert_grey, .calendar_grey, .calendar_grey > .fc-event-skin
{
background: #DFE2E4; /* old browsers */
background: -moz-linear-gradient(top, #E6ECEF 0%, #D0D6DA 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6ECEF), color-stop(99%,#D0D6DA)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6ECEF', endColorstr='#D0D6DA',GradientType=0 ); /* ie */
border:1px solid #D0D6DA;
zoom:1;
color:#333 !important;
text-shadow: 0 1px 0px #fff !important;
}
.main_container button.grey:hover, .alert_grey:hover, .calendar_grey:hover
{
background: #E6ECEF; /* old browsers */
background: -moz-linear-gradient(top, #D0D6DA 0%, #E6ECEF 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0D6DA), color-stop(99%,#E6ECEF)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0D6DA', endColorstr='#E6ECEF',GradientType=0 ); /* ie */
zoom:1;
}
/* Colours:
Top grad (light): #1C5EA0
Bottom grad (darker): #064792
a link: #1389ff
a hover: #52a9ff
tab bg (dark): #253a55
*/
a.logo, #login_box a#login_logo{
background: transparent url(/images/sjamar_blue.png) no-repeat;
/* background: transparent url(../../images/adminica_logo_blue-trans.png) no-repeat;*/
}
#login_box a#login_logo{
background-position: 0 -15px;
}
/* Coloured Header Gradients, eg. Sortable Boxes, Tab Boxes, Date-picker, etc. */
body .grad_colour,
.ui-widget-header,
div.main_container #nav_top > ul > li.current > a,
#nav_top ul li ul.dropdown li ul.slideout,
.dataTables_wrapper .ui-corner-tl,
#sidebar ul#accordion li ul.drawer,
div.main_container .box h2.box_head,
.slider .slide-up, .slider .slide-down,
.slider-content .selected .title{
background-color: #1C5EA0; /* old browsers */
background: -moz-linear-gradient(top, #1C5EA0 0%, #064792 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C5EA0), color-stop(99%,#064792)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C5EA0', endColorstr='#064792',GradientType=0 ); /* ie */
border:1px solid #064792;
zoom:1;
}
/* Theme Button and some ON states */
button[disabled]{
background:#999 !important;
border-color:#000 !important;
color:#333;
cursor:default;
}
button, button.skin_colour{
background: #1C5EA0; /* old browsers */
background: -moz-linear-gradient(top, #1C5EA0 0%, #064792 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C5EA0), color-stop(99%,#064792)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C5EA0', endColorstr='#064792',GradientType=0 ); /* ie */
border: 1px solid #064792;
-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2);
text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
zoom:1;
}
button:hover, button.skin_colour:hover,
div.main_container .gallery ul li a:hover{
background: #064792; /* old browsers */
background: -moz-linear-gradient(top, #064792 0%, #1C5EA0 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#064792), color-stop(99%,#1C5EA0)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064792', endColorstr='#1C5EA0',GradientType=0 ); /* ie */
zoom:1;
}
/* Links, hovers, tabs*/
div.main_container a, ul#side_links li a, #sidebar h3 a, #topbar h3 a, .box a
{
color:#1389ff;}
div.main_container a:hover, ul#side_links li a:hover,
#sidebar h3 a:hover, #topbar h3 a:hover,
div.main_container .tabs ul.tab_header li a:hover,
div.main_container .tabs ul.tab_sider li a:hover{
color:#52a9ff;}
#sidebar form#search_side:hover{
border-color:#52a9ff;}
div.main_container .tabs ul.tab_header li a,
div.main_container .tabs ul.tab_sider li a {
background-color: #253a55; /* Dark Navy */
}
.dataTables_wrapper .ui-widget-header select,
#sidebar ul#accordion li ul.drawer li a,
.dataTables_wrapper .ui-widget-header input,
#nav_top ul li ul.dropdown li ul.slideout li a,
div.main_container #nav_top ul li.current:first-child a
div.main_container #nav_top ul li.current a {
border-color: #253a55;
}
.dataTables_wrapper .dataTables_paginate span span.ui-state-disabled{
border-color:#253a55;
background-color:#064792;
}
div.main_container .datepicker .ui-state-active{
background-color:#52a9ff !important;
}
#nav_top ul li a:hover,
#sidebar ul#accordion li a:hover,
#nav_top ul li ul.dropdown li a.has_slide:hover{
color:#064792;
}
#sidebar ul#accordion li a.ui-state-active{
color:#064792;}
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
overflow: hidden;
height: auto !important;
height: 1%;
width: 400px;
border: 1px solid #999;
cursor: text;
font-size: 12px;
font-family: Verdana;
z-index: 999;
margin: 0;
padding: 0;
background-color: #fff;
list-style-type: none;
clear: left;
}
ul.token-input-list li {
list-style-type: none;
}
ul.token-input-list li input {
border: 0;
width: 350px;
padding: 3px 8px;
background-color: white;
-webkit-appearance: caret;
}
li.token-input-token {
overflow: hidden;
height: auto !important;
height: 1%;
margin: 3px;
padding: 3px 5px;
background-color: #d0efa0;
color: #000;
font-weight: bold;
cursor: default;
display: block;
}
li.token-input-token p {
float: left;
padding: 0;
margin: 0;
}
li.token-input-token span {
float: right;
color: #777;
cursor: pointer;
}
li.token-input-selected-token {
background-color: #08844e;
color: #fff;
}
li.token-input-selected-token span {
color: #bbb;
}
div.token-input-dropdown {
position: absolute;
width: 400px;
background-color: #fff;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
cursor: default;
font-size: 12px;
font-family: Verdana;
z-index: 1;
}
div.token-input-dropdown p {
margin: 0;
padding: 5px;
font-weight: bold;
color: #777;
}
div.token-input-dropdown ul {
margin: 0;
padding: 0;
}
div.token-input-dropdown ul li {
background-color: #fff;
padding: 3px;
list-style-type: none;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
background-color: #fafafa;
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
background-color: #fff;
}
div.token-input-dropdown ul li em {
font-weight: bold;
font-style: normal;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
background-color: #d0efa0;
}
/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
overflow: hidden;
height: auto !important;
height: 1%;
width: 400px;
border: 1px solid #8496ba;
cursor: text;
/* font-size: 12px;
font-family: Verdana;
*/ min-height: 1px;
z-index: 999;
margin: 0;
padding: 0;
background-color: #fff;
list-style-type: none;
clear: none;
display:block;
border:1px solid #b5b8bb;
/* background-color:#e7edef;*/
height:1.8em;
margin-bottom:15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-indent:5px;
}
ul.token-input-list-facebook li input {
border: 0;
width: 100px;
padding: 3px 8px;
background-color: white;
margin: 2px 0;
-webkit-appearance: caret;
}
li.token-input-token-facebook {
overflow: hidden;
height: auto !important;
height: 15px;
margin: 3px;
padding: 1px 3px;
background-color: #eff2f7;
color: #000;
cursor: default;
border: 1px solid #ccd5e4;
font-size: 13px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
white-space: nowrap;
}
li.token-input-token-facebook p {
display: inline;
padding: 0;
margin: 0;
}
li.token-input-token-facebook span {
color: #a6b3cf;
margin-left: 5px;
font-weight: bold;
cursor: pointer;
}
li.token-input-selected-token-facebook {
background-color: #5670a6;
border: 1px solid #3b5998;
color: #fff;
}
li.token-input-input-token-facebook {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
div.token-input-dropdown-facebook {
position: absolute;
width: 400px;
background-color: #fff;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
cursor: default;
font-size: 13px;
font-family: Verdana;
z-index: 988;
}
div.token-input-dropdown-facebook p {
margin: 0;
padding: 5px;
font-weight: bold;
color: #777;
}
div.token-input-dropdown-facebook ul {
margin: 0;
padding: 0;
}
div.token-input-dropdown-facebook ul li {
background-color: #fff;
padding: 3px;
margin: 0;
list-style-type: none;
}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
background-color: #fff;
}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
background-color: #fff;
}
div.token-input-dropdown-facebook ul li em {
font-weight: bold;
font-style: normal;
}
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
background-color: #3b5998;
color: #fff;
}
/*
Event Calendar stylesheet
Colors:
#d5d5d5 - border (gray)
#303030 - day names bg (gray)
#444 - number (gray)
#ecede2 - day header bg (light tan)
##d7d7ba - today header bg (tan)
#ffffdd - today bg light (yellow)
#777 - other month number (gray)
#efefef - other month day header (gray)
#2eac6a - hover (green)
*/
/* Outer most container */
.ec-calendar {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
margin: 0;
padding: 0;
border-bottom: 1px solid #d5d5d5;
}
/* Month name header & links */
.ec-calendar-header {
padding: 5px 0;
width: 100%;
table-layout: fixed;
}
.ec-month-name {
font-size: 16px;
font-weight: bold;
}
.ec-month-nav {
}
/* Containers */
.ec-body {
position: relative;
border-right: 1px solid #303030;
white-space: nowrap;
}
/* Day names */
.ec-day-names {
position: absolute;
top: 0;
left: 0;
width: 100%;
table-layout: fixed;
padding: 2px 0;
background: #303030;
color: white;
}
.ec-day-name {
font-weight: normal;
}
/* Rows container and Row */
.ec-rows {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: white;
overflow: hidden;
border-right: 1px solid #d5d5d5;
}
.ec-row {
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
}
/* Background */
.ec-row-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
table-layout: fixed;
}
.ec-day-bg {
border-left: 1px solid #d5d5d5;
}
.ec-today-bg {
background-color: #ffffdd;
}
.ec-row-table {
position: relative;
width: 100%;
table-layout: fixed;
}
/* Day header */
.ec-day-header {
color: #444;
text-align: right;
padding: 0 5px;
line-height: 16px;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-bottom: 1px dotted #bbbbbb;
background-color: #ecede2;
overflow: hidden;
}
a.ec-day-link {
color: #444;
}
.ec-today-header {
background-color: #d7d7ba;
}
.ec-weekend-day-header {
}
.ec-other-month-header {
background-color: #efefef;
color: #777;
}
.ec-other-month-bg {
}
/* Event cell and container */
.ec-event-cell {
cursor: pointer;
vertical-align: top;
padding-right: 1px;
padding-left: 2px;
}
.ec-event-cell a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.ec-no-event-cell {
cursor: default;
}
.ec-event {
color: white;
padding-right: 1px;
padding-left: 11px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
overflow: hidden;
white-space: nowrap;
}
.ec-event :hover {
/* doesn't look as good as js highlighting */
/* background-color: #2eac6a; */
}
.ec-event-bg a {
color: white;
}
/* used to distinguish non-all_day events */
.ec-event-no-bg {
position: relative;
/* padding-left: 5px; */
}
.ec-event-no-bg a {
/* isn't implemented in all browsers */
color: inherit;
}
.ec-event-time {
font-size: 85%;
font-weight: bold;
padding-right: 3px;
}
/* Left and right arrows */
/* Doesn't work in IE6, use bg images instead */
.ec-left-arrow, .ec-right-arrow {
position: relative;
top: 3px;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
margin-bottom: -8px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.ec-left-arrow {
margin-left: -7px;
margin-right: auto;
border-right: 4px solid white;
}
.ec-right-arrow {
margin-left: auto;
margin-right: 3px;
border-left: 4px solid white;
}
/* remove this to not have a bullet */
/* don't look as good in ie */
.ec-bullet {
position: absolute;
top: 7px;
width: 4px;
height: 4px;
margin-left: -7px;
margin-right: auto;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
}
|