/* bluBase styles */

/*_______________________________ Basics & Txt */

* { margin: 0; padding: 0; }

body {
    font-family: "lucida sans unicode", verdana, "lucida grande", "trebuchet ms", sans-serif;
    font-size: 76%; color: #353e46; background: #fff; }

a { outline: none; text-decoration: underline; } 
a:link, a:visited { color: #1773bb; }
a:hover, a:active { color: #000; }

h1 { font-size: 3.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; }


h1, h2, h3, h4, h5, h6 {
    margin: .1em 0 1em; text-align: left; font-weight: bold;
    font-family: Arial, "Trebuchet MS", sans-serif; color: #262e35; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none; border-bottom: 1px solid #583f50; }		


p {
    font-size: 1.1em; line-height: 1.4em;
    margin: 1.2em 0; }

ol, ul {
    font-size: 1.1em; line-height: 1.4em;
    margin: 2em 0 2em 2em; }
ul li { list-style: square; }
li { font-size: 1em; margin-bottom: 1em; }	
li *, li p { font-size: 1em; }

pre, code {
    font-family: monospace;
    font-size: 1.1em; }

p, ol, ul, li, dl, dt, dd, pre, code, blockquote, td, th {
    text-align: left; }

abbr, acronym {
    cursor: help; border: none; background-color: #FFF9C5; padding: 1px; }

strong { font-weight: bold; }

img { border: 0; }

input, select, textarea {
    vertical-align: middle; border: 0; line-height: normal; font-size: 1em;
    font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif; }

input:hover, input:focus, select:hover, select:focus,
textarea:hover, textarea:focus { background-color: #fff7c3; }

form br { clear: both; }

/* nice submit bttnz */
input.submit {
    background: transparent url(img/butt-small-bg.gif) no-repeat; color: #fff; 
    width: 153px; height: 31px; cursor: pointer; outline: none !important; font-size: 13px !important; }
input.lightsubmit { background-image: url(img/butt-bg.gif); }
input.submit:hover { background-position: 0 -31px; color: #fff; }
.contentArrowRight, .contentArrowLeft {
    width: 40px; height: 31px; cursor: pointer; outline: none !important; text-indent: -9000px;
    background: transparent url(img/content-arrow-right.gif) no-repeat !important; }
.contentArrowLeft { background-image: url(img/content-arrow-left.gif) !important; }
.contentArrowRight:hover, .contentArrowLeft:hover { background-position: 0 -31px; background-color: transparent !important; }

label { vertical-align: middle; cursor: pointer; cursor: hand; }

/*_______________________________ Layout */

h1#hdr {
    position: relative; width: 960px; height: 63px; margin: 0 auto; padding: 0; overflow: hidden; }

#bluBaseApp {
    width: 960px; margin: 10px auto 50px auto; position: relative;
    background: #b3dbfa url(img/app-bg-top.gif) no-repeat; }

#content {
    position: relative; padding: 0; z-index: 3; }

.panel { width: 920px; margin-left: 20px; }
.panel fieldset { border: 0; border-bottom: 1px dotted black; margin-bottom: 10px; }
.panel fieldset legend { padding: 0; margin: 0 0 10px 0; font-size: 1.1em; font-weight: bold; }
.noborder { border: 0 !important; }

.panel h1 { font-size: 2.4em; margin-bottom: 20px; }

#content h2, #content h3, #content h4 { margin-top: 0; }

#navigation { width: 960px; height: 33px; margin: 0 0 30px 0; position: relative; z-index: 950 !important; }
#navigation ul { width: 671px; height: 33px; float:left; }
#navigation ul, #navigation li {
    list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 1em; }
#navigation li { display: block; float: left; height: 33px; }
#navigation li a {
    display: block; height: 33px; float: left; text-decoration: none; color: #fff;
    background: url(img/tabs-top.gif) no-repeat; text-indent: -9000px;  overflow: hidden; }
#navigation li.current a { cursor: default !important; }
li#linkToHotspots a { width: 132px; background-position: 0 0 !important; }
li#linkToHotspots a:hover { background-position: 0 -33px !important; }
li#linkToHotspots.current a, li#linkToHotspots.current a:hover { background-position: 0 -66px !important; }

li#linkToContent a { width: 124px; background-position: -132px 0 !important; }
li#linkToContent a:hover { background-position: -132px -33px !important; }
li#linkToContent.current a, li#linkToContent.current a:hover { background-position: -132px -66px !important; }

li#linkToCampaigns a { width: 145px; background-position: -256px 0 !important; }
li#linkToCampaigns a:hover { background-position: -256px -33px !important; }
li#linkToCampaigns.current a , li#linkToCampaigns.current a:hover { background-position: -256px -66px !important; }

li#linkToHandsets a { width: 138px; background-position: -401px 0 !important; }
li#linkToHandsets a:hover { background-position: -401px -33px !important; }
li#linkToHandsets.current a, li#linkToHandsets.current a:hover { background-position: -401px -66px !important; }

li#linkToContact a { width: 132px; background-position: -539px 0 !important; }
li#linkToContact a:hover { background-position: -539px -33px !important; }
li#linkToContact.current a, li#linkToContact.current a:hover { background-position: -539px -66px !important; }


li#linkToAccounts a { background: url(img/tabs-top-sales.png) no-repeat; width: 132px; background-position: 0 0 !important; }
li#linkToAccounts a:hover { background: url(img/tabs-top-sales.png) no-repeat;background-position: 0 -33px !important; }
li#linkToAccounts.current a, li#linkToAccounts.current a:hover { background: url(img/tabs-top-sales.png) no-repeat;background-position: 0 -66px !important; }

li#linkToUsers a { background: url(img/tabs-top-sales.png) no-repeat;width: 124px; background-position: -132px 0 !important; }
li#linkToUsers a:hover { background: url(img/tabs-top-sales.png) no-repeat;background-position: -132px -33px !important; }
li#linkToUsers.current a, li#linkToUsers.current a:hover { background: url(img/tabs-top-sales.png) no-repeat;background-position: -132px -66px !important; }

li#linkToSubscriptions a { background: url(img/tabs-top-sales.png) no-repeat;width: 145px; background-position: -256px 0 !important; }
li#linkToSubscriptions a:hover { background: url(img/tabs-top-sales.png) no-repeat;background-position: -256px -33px !important; }
li#linkToSubscriptions.current a , li#linkToSubscriptions.current a:hover { background: url(img/tabs-top-sales.png) no-repeat;background-position: -256px -66px !important; }

/* shortcuts select */
#navigation p { margin: 0; text-align: center; }
#shortcut { width: 180px; text-align: right; margin: 4px 12px 0 0; float: right; border: 0; outline: none; }

/* top site nav (home & logout) */
div#siteNav { width: 100%; text-align: center; height: 63px; position: absolute; top: 0; }
#siteNav ul {
    padding: 0 20px 0 0; width: 960px; margin: 21px auto 0 auto;
    height: 21px; list-style: none; }
#siteNav li {
    margin: 0 5px 0 0; padding: 0; height: 21px;
    float: right; list-style: none; position: relative; }
#siteNav li a {
    text-decoration: none; display: block; height: 21px; float: left; text-indent: -9000px;
    background-image: url(img/site-nav-bg.png); background-repeat: no-repeat; }

li#logout a { background-position: -192px 0; width: 68px; }
li#logout a:hover { background-position: -192px -21px !important; }
li#profile a { background-position: -260px 0; width: 68px; }
li#profile a:hover { background-position: -260px -21px !important; }

li#linkToAdmin a { background-position: -124px 0; width: 68px; }
li#linkToAdmin a:hover { background-position: -124px -21px !important; }
li#linkToOrders a { background-position: 0 0; width: 124px; }
li#linkToOrders a:hover { background-position: 0 -21px !important; }

li#linkToAdmin ul, li#linkToOrders ul { display: none; width: 120px; z-index: 2501;
                                        position: absolute; top: 26px; list-style: none; margin: 0; }
li#linkToAdmin:hover ul, li#linkToOrders:hover ul { display: block; position: absolute; top: 20px; left: 0; }
li#linkToAdmin ul li, li#linkToOrders ul li {
    margin: 0; padding: 0; list-style: none; float: none !important; line-height: 1.5; height: auto; }
li#linkToAdmin ul li a, li#linkToOrders ul li a  {
    display: block; font-size: .8em; text-decoration: none; padding: 4px 10px;
    color: #fff; background: none; background-color: #47535d; text-indent: 0;
    border-bottom: 1px solid #d1d8de; float: none; width: 150px; }
li#linkToAdmin ul li a:hover, li#linkToOrders ul li a:hover { color: #fff; background-color: #7c9a21; }

/* footer */
div#footer {
    z-index: 1 !important; clear: both; width: 960px; height: 40px; position: relative;
    background: url(img/app-bg-bottom.gif) no-repeat bottom left; }
#footer p { color: #687987; font-size: .9em; text-align: right; margin: 15px 20px 0 0; }
#footer p a, #footer p a:hover { color: #687987; }
#topButt {
    position: absolute; bottom: 0; left: 20px;
    margin: 0; padding: 0; width: 43px; height: 26px; overflow: hidden; }
#topButt a {
    display: block; width: 43px; height: 26px;
    background: url(img/top-butt-bg.gif) no-repeat; overflow: hidden; }
#topButt a:hover { background-position: 0 -26px; }


#loginForm label { width: 100px; display: block; float: left; }
#loginForm input { float: left; }
#loginForm br { clear: both; }
#loginForm .submit { margin-top: 0; float: none !important; }

/* search hotspots, content / autocomplete */
div#autocomplete {
    position: relative; float: right; z-index:999 !important; width: 289px; height: 33px;
    color: black; }
#autocomplete form { margin: 0; padding: 0; }
#autocomplete #hotspot_name, #autocomplete #content_name, #autocomplete #campaign_name,
#autocomplete #phone_group_name, #autocomplete #phone_name, #autocomplete #search_keywords {
    position: absolute; top: 8px; left: 19px; width: 222px; height: 17px;
    border: 0; font-size: .9em; padding: 0 0 0 6px; margin: 0;
    background: url(img/search-input-bg.gif) no-repeat; z-index: 999; }
#autocomplete #hotspot_name:hover, #autocomplete #hotspot_name:focus,
#autocomplete #content_name:hover, #autocomplete #content_name:focus,
#autocomplete #campaign_name:hover, #autocomplete #campaign_name:focus,
#autocomplete #phone_group_name:hover, #autocomplete #phone_group_name:focus,
#autocomplete #phone_name:hover, #autocomplete #phone_name:focus, #autocomplete #search_keywords:focus, #autocomplete #search_keywords:hover {
    background-position: 0 -17px; }
#autocomplete form a img { position: absolute; top: 8px; right: 20px; }

div.auto_complete {
    width: 223px; background: transparent !important;
    position: absolute; top: 26px !important; left: 19px; z-index: 9999 !important; }
#autocomplete ul {
    width: 223px !important; margin: 0 !important; padding: 0 !important; list-style: none; float: none !important; }
#autocomplete ul li {
    padding: 5px !important; margin: 0 !important; background: #242b31 !important; float: none !important;
    color: #aedcff !important; cursor: pointer !important; font-size: .9em !important;
    display: block !important; height: auto !important; width: auto !important; border-bottom: 1px solid #353e46; }
#autocomplete li.selected { background: #7c9a21 !important; color: #fff !important; }

.actop, .acbottom { width: 223px; height: 10px; overflow: hidden; background: url(img/autocomplete_top.png) no-repeat; }
.acbottom { background-image: url(img/autocomplete_bottom.png); }

/* chooseForm */
.chooseForm {
    padding: 1em 0; margin-bottom: 1em !important; position: relative; }
.chooseForm label { cursor: pointer; width: 200px; margin: 0; text-align: right; vertical-align: middle; }
.chooseForm input, .chooseForm select, .chooseForm label { margin: 0; border: 0 !important; }
.chooseForm img { vertical-align: middle; }
.chooseForm hr {
    background: #306cb0; border: 0; color: #306cb0; height: 1px; margin: 5px 0; padding: 0; }
.chooseForm textarea { height: 100px; width: 100%; }
.chooseForm fieldset { border:none; }

form#newContentNameDesc label { margin-bottom: 5px; }
form#newContentNameDesc input#content_name { width: 296px; }
#newContentNameDesc textarea#content_description { width: 296px; height: 40px; }
#newContentNameDesc select { width: 296px; }
table.transp { border: 0; background-color: transparent; }
table.transp tr, table.transp td { background-color: transparent; border: 0; }
.transp label { line-height:1.5em; }
/* content wizard */

img.colourwheel { vertical-align: -30%; cursor: pointer; margin-left: 0.5em; }
fieldset.wizardForm { border: 0; padding: 0; position: relative; }
.radioList input { font-size: 1em; }
textarea#wizard_text { width: 450px; height: 30px; margin: 5px 0 15px 0; }
div#wizardPhonePreview {
    width: 450px; height: 333px; position: relative;
    background: url(img/wizard-phone-bg.gif) no-repeat; }
#wizardPhonePreview #preview {
    width: 176px; height: 220px;
    position: absolute; top: 28px; left: 138px; }
h6.wizSection { border-bottom: 1px solid #5f91b7; padding-bottom: .5em}

div.filterBox {
    position: relative;
    background: #9fcff4 url(img/filterbox-bg.gif) repeat-x; padding: 10px 0; }
a.addFilter, a.removeFilter {
    display: block; width: 20px; height: 20px; text-indent: -9000px; text-decoration: none;
    background: url(img/filterbox-add-filter.gif) no-repeat; }
a.removeFilter {
    position: absolute; top: 10px; left: 5px !important; background-image: url(img/filterbox-remove-filter.gif); }
a.addFilter { margin-left: 4px; }

input.submitSmallUpload {
    width: 100px; height: 20px; cursor: pointer; text-indent: -9000px; overflow: hidden;
    background: transparent url(img/butt-small-upload-file.gif) no-repeat; }
.submitSmallUpload:hover { background-position: 0 -20px; }

a.smallApply, a.smallCancel {
    display: block; width: 60px; height: 20px; overflow: hidden; text-decoration: none; margin-right: 10px;
    background: url(img/butt-small-apply.gif) no-repeat; float: right; }
a.smallCancel { background-image: url(img/butt-small-cancel.gif); margin: 0; }
a.smallApply:hover, a.smallCancel:hover { background-position: 0 -20px; }

/* hotspots & campaigns */
p#buttOfflineUpdate  { float: left; }
p#buttUpStats { float: right; }
p#buttOfflineUpdate a, p#buttUpStats a  {
    display: block; width: 121px; height: 31px; text-decoration: none;
    text-indent: -9000px; background: url(img/butt-offline-update.gif) no-repeat; }
#buttOfflineUpdate a:hover, p#buttUpStats a:hover { background-position: 0 -31px; }
p#buttUpStats a {
    background-image: url(img/butt-up-stats.gif); width: 134px; }

.hotspotIco, .hotspotIcoRed, .hotspotIcoYellow, .hotspotIcoGreen { padding-left: 28px; background-repeat: no-repeat; background-position: 6px 4px; background-image: url(img/ico-hotspot-r1.gif);}
.r1 td.hotspotIcoRed { background-image: url(img/ico-hotspot-r1-red.gif); }
.r2 td.hotspotIcoRed { background-image: url(img/ico-hotspot-r2-red.gif); }
.r1 td.hotspotIcoYellow { background-image: url(img/ico-hotspot-r1-yellow.gif); }
.r2 td.hotspotIcoYellow { background-image: url(img/ico-hotspot-r2-yellow.gif); }
.r1 td.hotspotIcoGreen { background-image: url(img/ico-hotspot-r1-green.gif); }
.r2 td.hotspotIcoGreen { background-image: url(img/ico-hotspot-r2-green.gif); }
.r1 td.hotspotIco { background-image: url(img/ico-hotspot-r1.gif); }
.r2 td.hotspotIco { background-image: url(img/ico-hotspot-r2.gif); }
.r1 td.campaignIco {
    background: #c2e4ff url(img/ico-campaign-r1.gif) no-repeat 6px 4px; padding-left: 28px; }
.r2 td.campaignIco {
    background: #daefff url(img/ico-campaign-r2.gif) no-repeat 6px 4px; padding-left: 28px; }

div.hotspotInfoPanel {
    width: 66px; height: 20px; float: right; background: url(img/infopanel-bg.gif); }
.r1 .hotspotInfoPanel { background: url(img/infopanel-bg-r1.gif); }
.r2 .hotspotInfoPanel { background: url(img/infopanel-bg-r2.gif); }
.hotspotInfoPanel div.infoicon {
    width: 16px; height: 16px; overflow: hidden; margin: 2px 0 0 0; position: relative;
    float: left; background: url(img/infopanel-icons.gif) no-repeat; }
.infoicon:hover { overflow: visible !important; }
.infoicon .ttWrapper { display: none !important; top: 14px !important; left: -87px !important; }
.infoicon:hover .ttWrapper { display: block !important; }
.infoicon .ttTop {
    height: 12px !important; background-image: url(img/tooltip2-top.png) !important;
    margin-bottom: 0 !important; }


#up2date { background-position: 0 0; margin-left:8px; }
#up2date:hover { background-position: 0 -16px; }
#update { background-position: -16px 0; margin-left:8px; }
#update:hover { background-position: -16px -16px; }
#pending { background-position: -32px 0; margin-left:8px; }
#pending:hover { background-position: -32px -16px; }
#synchronize { background-position: -48px 0; }
#synchronize:hover { background-position: -48px -16px; }
#synchronized { background-position: -64px 0; }
#synchronized:hover { background-position: -64px -16px; }
#cluster { background-position: -80px 0; }
#cluster:hover { background-position: -80px -16px; }
#independent { background-position: -96px 0; }
#independent:hover { background-position: -96px -16px; }

a.updates {
    display: block; width: 16px; height: 16px; text-indent: -9000px; text-decoration: none; }

div.nameBarCamp, div.nameBarHotspot, div.nameBarContent {
    height: 31px; margin-bottom: 10px;
    background: url(img/namebar-campaign-bg.gif) no-repeat; }
div.nameBarHotspot { background-image: url(img/namebar-hotspot-bg.gif); }
div.nameBarHotspot.red { background-image: url(img/namebar-hotspot-red.gif); }
div.nameBarHotspot.green { background-image: url(img/namebar-hotspot-green.gif); }
div.nameBarHotspot.yellow { background-image: url(img/namebar-hotspot-yellow.gif); }
div.nameBarContent { background-image: url(img/namebar-content-bg.gif); }
.namebarCompany .nameBarHotspot { background-image: url(img/namebar-company-bg.gif); padding-left: 60px; }
.namebarUser .nameBarHotspot { background-image: url(img/namebar-user-bg.gif); padding-left: 30px; }

.nameBarCamp  h2, .nameBarHotspot h2, .nameBarContent h2  {
    font-size: 1.2em; line-height: 30px; float: left;
    padding-left: 30px; color: #fff; }
.nameBarContent h2  { padding-left: 0; }
.nameBarContent img { float: left; margin: 5px 10px 0 10px; display: inline; }

/* graphs */
#graphs_container_right { width: 260px; float: right; z-index: 100; margin-top: 22px; }
#graphs_container_left {
    width: 650px; float: left; z-index: 100; position: relative; }
div.bbFormItem {
    width: 260px; padding: 20px 10px 15px 10px; color: #000;
    background: url(img/bb-form-item-bg.gif) no-repeat; }
.bbFormItemFirst { background-image: url(img/bb-form-item-first-bg.gif) !important; padding-top: 10px; }
.bbFormItem select { margin: 5px 0 10px 0; }
.bbFormItem input { /* margin-bottom: 6px; */ }
.calendarIco img { vertical-align: -20%; }
#graphs_container_right input.refresh, #graphs_container_right input.PDFreport,
#graphs_container_right input.XLSreport  {
    height: 40px; text-indent: -9000px; float: left; cursor: pointer;
    background: url(img/refresh-pdf-xls-bg.gif) no-repeat 0 0; overflow: hidden; outline: none; }
#graphs_container_right input.refresh { width: 28px; background-position: 0 0; }
#graphs_container_right input.refresh:hover, #graphs_container_right input.refresh:focus {
    background-position: 0 -40px; }
#graphs_container_right input.PDFreport { width: 117px; background-position: -28px 0; }
#graphs_container_right input.PDFreport:hover, #graphs_container_right input.PDFreport:focus {
    background-position: -28px -40px; }
#graphs_container_right input.XLSreport { width: 115px; background-position: -145px 0; float: right; }
#graphs_container_right input.XLSreport:hover, #graphs_container_right input.XLSreport:focus {
    background-position: -145px -40px; }



/* form items */

div.bbFormItemWide, .bbFormItem465, .bbFormItem435, .bbFormItem450 {
    color: #000; padding-top: 15px; margin: 15px 0;
    background: #b5bcc2 url(img/bb-form-item-wide-top.gif) no-repeat; }
.bbFormItemWide div.clear, .bbFormItem465 .clear, .bbFormItem435 .clear, .bbFormItem450 .clear {
    clear: both; width: 100%; height: 15px;
    background: #b5bcc2 url(img/bb-form-item-wide-bottom.gif) no-repeat bottom left; }
.bbFormItemWide label { margin: 0 4px 0 0; }
.bbFormItem465 { background-image: url(img/bb-form-item-465-top.gif); }
.bbFormItem465 div.clear { background-image: url(img/bb-form-item-465-bottom.gif); }
.bbFormItem435 { background-image: url(img/bb-form-item-435-top.gif); }
.bbFormItem435 div.clear { background-image: url(img/bb-form-item-435-bottom.gif); }
.bbFormItem450 { background-image: url(img/bb-form-item-450-top.gif); }
.bbFormItem450 div.clear { background-image: url(img/bb-form-item-450-bottom.gif); }

div.padd { margin: 0 15px; }



ul#whatStats {
    overflow: visible; /* z-index: 500; */
    width: 200px; height: 27px; margin: 0 0 0 auto; padding: 0; list-style: none; }
#whatStatsClick {
    list-style: none; width: 200px; height: 27px; margin: 0; padding: 0; overflow: visible; z-index: 5000;
    background: url(img/chooseStats-bg.gif) no-repeat; cursor: pointer; position: relative !important; }
ul#whatStats ul {
    display: none; width: 200px; z-index: 501;
    position: absolute; top: 26px; list-style: none; margin: 0; padding: 0; }
ul#whatStats li:hover ul { display: block !important; }
ul#whatStats ul li {
    margin: 0; padding: 0; list-style: none; }
ul#whatStats ul li a {
    display: block; font-size: .8em; text-decoration: none; padding: 4px 10px;
    color: #aedcff; background-color: #242b31; border-bottom: 1px solid #353e46; }
ul#whatStats ul li a:hover { color: #fff; background-color: #7c9a21; }
#graphs_container_right input.submit {
    float: right; background: transparent url(img/butt-small-cut-bg.gif) no-repeat; }
#graphs_container_right input.submit:hover { background-position: 0 -31px; }

#graph { min-height: 400px; }

#separator {
    width: 960px; height: 35px; background: url(img/separator.gif) no-repeat;
    margin: 10px 0 -10px 0 !important; z-index: 10; }

#separator_bottom {
    width: 960px; height: 35px; background: url(img/separator-bottom.gif) no-repeat;
    margin: 5px 0 -15px 0 !important; z-index: 10; }

#settings_details_container {
    width: 450px; margin-left: 160px; padding-top: 29px; position: relative;
    background: #8ec3e1 url(img/settings-details-top.gif) no-repeat; }
#settings_details_container label { margin-left: 15px; }
#settings_details_container .bottom {
    height: 15px; overflow: hidden; background: url(img/settings-details-bottom.gif) no-repeat 0 0;
    margin: 0 !important; clear: both; position: relative; }

/* tabs */
.bluBaseTabs {
    position: relative; width: 960px; height: 50px;
    background: url(img/separator-tabs.gif) no-repeat 0 0; }

p#tabSimpleContent, p#tabContentWizard, p#tabContestWizard, p#tabNumberedContent,
p#tabVCardWizard, p#tabVCalendarWizard{
    margin: 0; padding: 0; position: absolute; top: 0; left: 0;
    overflow: hidden; height: 28px; }
p#tabSimpleContent a, p#tabContentWizard a, p#tabContestWizard  a, p#tabNumberedContent  a,
p#tabVCardWizard a, p#tabVCalendarWizard a{
    display: block; height: 28px; background: url(img/tabs-content.gif) no-repeat;
    text-decoration: none; text-indent: -9000px; cursor: default }
p#tabSimpleContent a { background-position: 0 0; width: 158px; }
p#tabSimpleContent a.disabled, p#tabSimpleContent a.disabled:hover { background-position: 0 0; }
p#tabSimpleContent a:hover { background-position: 0 -28px; cursor: hand; }
p#tabSimpleContent a.current { background-position: 0 -56px !important; cursor: default; }

p#tabContentWizard { left: 158px; }
p#tabContentWizard a { background-position: -158px 0; width: 190px; }
p#tabContentWizard a.disabled, p#tabContentWizard a.disabled:hover { background-position: -158px 0; }
p#tabContentWizard a:hover { background-position: -158px -28px; cursor: hand; }
p#tabContentWizard a.current { background-position: -158px -56px; cursor: default; }

p#tabVCardWizard { left: 348px; }
p#tabVCardWizard a { background-position: -348px 0; width: 120px; }
p#tabVCardWizard a.disabled, p#tabVCardWizard a.disabled:hover { background-position: -348px 0; }
p#tabVCardWizard a:hover { background-position: -348px -28px; cursor: hand; }
p#tabVCardWizard a.current { background-position: -348px -56px; cursor: default; }

p#tabVCalendarWizard { left: 468px; }
p#tabVCalendarWizard a { background-position: -468px 0; width: 179px; }
p#tabVCalendarWizard a.disabled, p#tabVCalendarWizard a.disabled:hover { background-position: -468px 0; }
p#tabVCalendarWizard a:hover { background-position: -468px -28px; cursor: hand; }
p#tabVCalendarWizard a.current { background-position: -468px -56px; cursor: default; }

p#tabContestWizard { left: 647px; }
p#tabContestWizard a { background-position: -647px 0; width: 148px; }
p#tabContestWizard a.disabled, p#tabContestWizard a.disabled:hover { background-position: -647px 0; }
p#tabContestWizard a:hover { background-position: -647px -28px; cursor: hand; }
p#tabContestWizard a.current { background-position: -647px -56px; cursor: default; }

p#tabNumberedContent { left: 795px; }
p#tabNumberedContent a { background-position: -795px 0; width: 165px; }
p#tabNumberedContent a.disabled, p#tabNumberedContent a.disabled:hover { background-position: -795px 0; }
p#tabNumberedContent a:hover { background-position: -795px -28px; cursor: hand; }
p#tabNumberedContent a.current { background-position: -795px -56px; cursor: default; }

p.showHideChartTable { margin: 0; width: 200px; height: 27px; float: right; }
.showHideChartTable a {
    display: block; width: 200px; height: 27px; text-decoration: none; overflow: hidden;
    background: url(img/show-chart-data-table.gif) no-repeat; text-indent: -9000px; }
p.hidden a { background-position: 0 -27px !important; }

/* handset properties preview */

div#handset_preview_wrapper { position: relative; width:10px; height: 1px; z-index: 9900; }
div#handset_preview {
    position: absolute; top: -5px; left: 25px; width: 657px; height: 349px;
    background: url(img/handset-preview-bg.png) no-repeat; z-index: 9920; }
#handset_preview #handset_preview_contents  div {
    margin: 0 25px 10px 40px; font-size: .9em; }
#handset_preview #handset_preview_contents  div  img { margin-left: 3px; }
#handset_preview div h3 { margin: 1.2em 0 .6em 0; font-size: .9em; }
.tdCurrent { background-color: #fff7c3; }
a.closeHandsetPreview {
    display: block; z-index: 9940; width: 20px; height: 20px; z-index: 9950;
    position: absolute; top: 15px; left: 650px; text-indent: -9000px;
    background: url(img/transp.gif) repeat;	}
#loading {
    position: absolute; top: 105px; left: 340px; z-index: 9940;
    width: 35px; height: 59px; text-indent: -9000px;
    background: url(img/loading-drop.gif) no-repeat;
    display: none; }

/* popularity */

div.popularity {
    width: 100px; height: 14px; overflow: hidden;
    background: #9bcaee url(img/popularity-bg-bottom.png) no-repeat; position: relative; }
.popularity div {
    position: absolute; top: 0; left: 0; width: 100px; height: 14px;
    background: url(img/popularity-bg-top-r1.png) no-repeat; }
.r2 .popularity div {
    background-image: url(img/popularity-bg-top-r2.png) !important; }

/* accordion */

.aPanel {
    background: #daefff url(img/accordion-top.gif) no-repeat;
    padding: 15px 15px 15px 15px; }
.aPanel input { border: 1px solid #badbf4; }
.aPanel h3 { margin: 0; padding-bottom: 10px; }
.aPanel h3.selected a {
    border: 0; cursor: default; color: #747d84 !important; }
.second {
    background: #e9f5ff url(img/accordion-top-sec.gif) no-repeat; }
.third {
    background: #f5faff url(img/accordion-top-third.gif) no-repeat; }
div#accordion {
    background: url(img/accordion-bottom.gif) no-repeat bottom left; padding-bottom: 8px; position: relative; }

/* numbered content select layout */

div#selectLayout { position: relative; text-align: center; }
#selectLayout ul {
    margin: 0 auto; padding: 0; width: 170px; height: 170px; list-style: none; position: relative; }
#selectLayout li { position: absolute; margin: 0; padding: 0; list-style: none; }
#selectLayout li a {
    display: block; text-decoration: none; text-indent: -9000px; cursor: pointer;
    background: url(img/numbered-content-layouts.gif) no-repeat; overflow: hidden; }


/* detailed logs tabs */

div#tabs { margin: 0 0 10px 0; position: relative; background: #d4ecff url(img/detailed-logs-top-bg.gif) no-repeat;}
ul#dlTabs {

    margin: 0 0 20px 0; padding: 0; list-style: none; height: 22px; overflow: hidden; }
#dlTabs li { margin: 0; padding: 0; list-style: none; float: left; }
#dlTabs li a {
    display: block; height: 22px; text-decoration: none; text-indent: -9000px;
    background: url(img/detailed-logs-tabs.gif) no-repeat; }
li#det_log a { background-position: 0 -22px; width: 127px; }
li#det_log a:hover { background-position: 0 -44px; }
li#det_log.ui-tabs-selected a { background-position: 0 0; cursor: default; }
li#chart_data a { background-position: -127px -22px; width: 110px; }
li#chart_data a:hover { background-position: -127px -44px; }
li#chart_data.ui-tabs-selected a { background-position: -127px 0; cursor: default; }

#tab_det_log, #tab_chart_data { margin: 0 20px; }
.detailedLogsBottom { height: 20px; background: #a3cae9 url(img/detailed-logs-bottom-bg.gif) no-repeat bottom left; }

table.chartDataTable, .chartDataTable tr, .chartDataTable td, .chartDataTable th {
    border-color: #a3cae9 !important; }
.chartDataTable th { border-top: 1px solid #b3dbfa !important; }

.lastconnR, .lastconnY, .lastconnG {
    display: block; width: 21px; height: 15px; text-indent: -9000px; overflow: hidden; margin: 2px auto 0 auto; }
.lastconnR { background: url(img/ico-red.png) no-repeat; }
.lastconnY { background: url(img/ico-yellow.png) no-repeat; }
.lastconnG { background: url(img/ico-green.png) no-repeat; }

/*_______________________________ Common */

.cleared:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleared { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img.left { float: left; margin: 15px; }
img.right { float: right; margin: 1em; }
img.center { margin: 10px; margin: 0 auto; }
.right { text-align: right; }

.ico { vertical-align: middle; }
.topcut { margin-top: 0; }

.center { text-align: center; }

.clear { clear: both; }
.noMarginBottom { margin-bottom: 0 !important; }

.borderTitleSmall { margin: 25px 0 15px; border-bottom: 1px solid #232a30; padding-bottom: 4px; }

.info { background: #000; padding: 1em; border: 2px solid #114d92;
        background-color: #1254a0; margin-bottom: 1em !important; position: relative;
        font-weight:bold; }

div.errorPanel {
    background: #aa3434 url(img/errorpanel-bg.gif) no-repeat;
    color: #fff; font-size: .9em; padding: 1px 10px 0 60px;
    position: relative; margin-bottom: 20px; }
.errorPanel h2 { color: #fff; padding-top: 13px; font-size: 15px; margin-bottom: 10px; }   
.errorPanel ul {
    margin: 10px 0 0 0; padding: 0 0 8px 20px; }

div.flashNotice {
    color: #0e5588; margin-bottom: 15px; padding: 10px 10px 12px 37px; position: relative; font-size: .9em; line-height: 1.4em;
    background: #9cd0f5 url(img/flashnotice-bg.gif) no-repeat 0 0; overflow: hidden; }
.fllefttop { position: absolute; top: 0; left: 0; width: 30px; height: 150px; background: url(img/flashnotice-bg-topleft.gif) no-repeat; }
.flrighttop { position: absolute; top: 0; right: 0; width: 10px; height: 150px; background: url(img/flashnotice-bg-topright.gif) no-repeat; }
.flleftbottom { position: absolute; bottom: 0; left: 0; height: 8px; width: 920px; background: url(img/flashnotice-bg-bottomleft.gif) no-repeat; }
.flrightbottom { position: absolute; bottom: 0; right: 0; height: 10px; width: 10px; background: url(img/flashnotice-bg-bottomright.gif) no-repeat; }
/* icon links */

p.editLink, p.addLink {
    margin: 0 0 10px 0; padding: 0; height: 31px; z-index: 8000 !important; }
p.editLink { float: right; margin-bottom: 0; }
.editLink a, .addLink a {
    display: block; width: 260px; height: 31px; overflow: hidden;
    text-decoration: none; text-indent: -9000px;
    background: url(img/edit-link-bg.gif) no-repeat; }
.editLink a:hover, .addLink a:hover { background-position: 0 -31px; }
p#addHandset a { background-image: url(img/new-handset-group.gif); width: 260px; }
p#addContent a { background-image: url(img/new-content.gif); width: 260px; }
p#addCampaign a { background-image: url(img/new-campaign.gif); width: 260px; }

p.downCampReport, p.downCampDef {
    width: 260px; height: 30px; margin: 0 0 15px 0; }
p.downCampReport a, p.downCampDef a {
    display: block; width: 260px; height: 30px; overflow: hidden; text-decoration: none;
    /*text-indent: -9000px; */background: url(img/download-report.gif) no-repeat 0 0; }
p.downCampDef a { background-image: url(img/download-definition.gif); }
p.downCampReport a:hover, p.downCampDef a:hover { background-position: 0 -30px; }

/* tables */

table { clear: both; width: 100%; }

table {
    border: 1px solid #b3dbfa; padding: 0; caption-side: bottom;
    empty-cells: show; border-spacing: 0; border-collapse: collapse;
    margin-bottom: 15px; background-color: #c2e4ff; }
table tr { vertical-align: top; }
table th, table td, table caption { border: 1px solid #b3dbfa; padding: 0.3em; vertical-align: top; }
table th { text-align: left; background-color: #9acdf4; font-weight: bold; color: #262e35; }

table td p, table th p,
table td a, table th a { text-align: left; }
table .special {
    background-color: #5accff;
    font-size: 1.2em; font-weight: bold; color: #fff !important; }
table caption {
    text-align: left; padding: 0 0 5px 10px; border: 0; caption-side: top;
    margin-bottom: 10px; color: #b3dbfa; font-size: 1.5em; }		
table img { vertical-align: middle; padding: 0.1em; }
table th img { padding: .5em 0 .7em .3em; }
table th img.current { background-color: green; }
table td { text-align: left; }
table th.dateColumn {
    width: 140px;
}
table th.timeDistanceColumn {
    width: 165px;
}
table th.filesSentColumn {
    width: 105px;
}

table th.statusColumn {
    width: 100px;
    vertical-align: middle;
}

// stripes
.r1, .even { background-color: #c2e4ff; }
.r2, .odd { background-color: #daefff; }

/* update info w tabelach */
span.updateInfo {
    display: block; width: 45px; height: 23px;
    float: right; text-indent: -9000px;
    background: url(img/update-info-bg.gif) no-repeat; }

/* table info*/
p.tableInfo {
    background: #9acdf4 url(img/table-info-bg.gif) repeat-x 0 100%;
    margin-bottom: 0; width: 50%; padding: 8px 5px 13px 5px;
    font-size: .9em; }

/* komunikaty */
div#notice { padding: 1em; font-size: 1.2em; border: 2px solid red; }


.calendar {
    border: 0 none; padding: 0; text-align: center; width: 180px; }
.calTimePeriod input { text-align: left; width: 250px; padding-left: 5px; }
.calTimePeriod img { vertical-align: -20%; }
.calTimePeriod p { margin: 0 0 6px 0; }

#date_month, #date_year, #date_day, #date_day_month, #date_day_year, #date_day_day {
    padding: 0; border: 0; height: 1.4em; }


#map_div div { margin: 0; }

.navigate {
    width: 130pt; height: 2.4em; }

fieldset.form-inline {
    border: 0; display: inline; vertical-align: top; }

fieldset.form-inline div { display: inline; float: left; }

fieldset.form-inline select { height: 200px; width: 214px; }

fieldset.form-inline input.text, fieldset.form-inline input.inactive,
fieldset.form-inline select, fieldset.form-inline textarea {
    margin-right: 5px; }

fieldset.form-content {
    border: 0; vertical-align: top;}

/* Content editing */
fieldset.form-inline-content {
    border: 0; display: inline; vertical-align: top; }

fieldset.form-inline-content div { display: inline; float: left; }

fieldset.form-inline-content select { height: 112px; width: 190px; }

fieldset.form-inline-content input.text, fieldset.form-inline input.inactive,
fieldset.form-inline-content select, fieldset.form-inline textarea {
    margin-right: 5px; }

fieldset.form-content {
    border: 0; vertical-align: top;}

.niceForm { padding: .5em 0 0 0; }
.niceForm input, .niceForm textarea, .niceForm select, .niceForm label {
    margin-bottom: .8em !important; vertical-align: top; width: auto; }
.niceForm label { width: 150px !important; padding-right: 10px; float: left; margin-bottom: .8em; }
.widerLabels label { width: 185px !important; }
.niceForm input.submit {
    background: transparent url(img/butt-small-bg.gif) no-repeat; color: #fff;
    width: 153px; height: 31px; cursor: pointer; outline: none !important; font-size: 13px !important; }
.niceForm input.submit:hover, .niceForm input.submit:active {
    background-position: 0 -31px; color: #fff; }
.midalign input, .midalign select, .midalign label { vertical-align: middle !important; }
.horizontalNF input, .horizontalNF textarea, .horizontalNF select , .horizontalNF label  {
    margin-bottom: 0 !important; vertical-align: middle; width: auto; height: auto; }
.horizontalNF label {
    width: auto !important; float: none; padding: 0; margin: 0 !important; }


/* forms validation msgs */
form div.error, div.error {
    position: absolute; margin-left: 80px; width: 360px; color: white !important;
    display: inline; height: 21px; padding: 0 0 0 15px; line-height: 18px;
    background: url(img/form-error-bg.gif) no-repeat; z-index: 6000; }
input.error { color: red; }
.wizardForm div.error {
    display: block; top: 28px; left: 245px; width: 151px; height: 51px;
    padding: 7px 0 0 20px; margin: 0; line-height: 16px;
    background-image: url(img/form-error-wizard-bg.gif); }
.hotspotName div.error {
    display: block; top: 0; left: 230px; width: 186px; height: 31px;
    padding: 2px 0 0 0; text-align: center; margin: 0; line-height: 16px;
    background-image: url(img/form-error-hotspotname-bg.gif); }
#settings_details_container div.error, .avgMargin div.error { margin-left: 53px; }
.contentName div.error { width: 300px; margin-left: 30px; }

.savePanel { margin-top: 30px; text-align: left; }
.savePanel input { float: left; }
a.cancelButt {
    background: transparent url(img/butt-bg.gif) no-repeat; float: left;
    margin-left: 10px; color: #fff !important; text-decoration: none; text-align: center;
    width: 153px; height: 31px; display: block; line-height: 31px; }
a.cancelButt:hover, a.cancelButt:active { background-position: 0 -31px; }

/* loading box */

div.loadingBox {
    width: 236px; height: 136px; z-index: 6000;
    background: url(img/loading-box-bg.png) no-repeat; }
.loadingBox img { margin: 37px 0 0 100px; }


.admin_panel {
    background: #516472 url(img/admin-ind.gif) no-repeat;
    padding: 12px 5px 5px 5px; margin: 10px 0; color: #fff; }
.admin_panel h1, .admin_panel h2, .admin_panel h3, .admin_panel h4, .admin_panel h5 { color: #fff !important; margin-top: 15px !important; }
.admin_panel a { color: white; }
.smallBtnApply, .smallBtnCancel {
    display: block; width: 60px; height: 20px; overflow: hidden; text-decoration: none; margin-right: 10px;
    background: url(img/butt-small-bg-60x40.gif) no-repeat; float: right; color: white !important; vertical-align: middle; text-align: center; font-family: tahoma; font-size: 10pt !important; letter-spacing: 1px; height: 20px; font-weight: bold; }
.smallBtnCancel { background-image: url(img/butt-small-bg-60x40.gif); margin-right: 5px; }
.smallBtnApply:hover, .smallBtnCancel:hover { background-position: 0 -20px; }


.toolTip {
    position: relative; width: 15px; height: 15px; display: inline; z-index: 6000 !important; vertical-align:middle;
    overflow: hidden; font-size: 1em !important; background: url(img/help_icon.gif) no-repeat; margin-left: 4px; }
.toolTip:hover { background-color: transparent; }
.toolTip img { margin: 0 !important; visibility: hidden; width: 15px; height: 15px; }
.ttWrapper {
    position: absolute; top: 0; left: 20px; z-index: 6500 !important;
    color: #fff; text-decoration: none; width: 185px; display: none; }
.toolTip:hover { overflow: visible; }
.toolTip:hover .ttWrapper { display: block !important; }

.ttTop { width: 185px; height: 13px; background: url(img/tooltip-top.png) no-repeat; z-index: 6600 !important; margin-bottom: -6px; }
.ttMid { width: 185px; background: url(img/tooltip-mid.png) repeat-y; z-index: 6700 !important; }
.ttBott { width: 185px; height: 7px; background: url(img/tooltip-bottom.png) no-repeat; }
.ttMid p {
    margin: 0 6px 0 14px !important;
    font: normal 12px "lucida sans unicode", verdana, "lucida grande", "trebuchet ms", sans-serif; }

/* sorting buttons */
a.up, a.upcurrent, a.down, a.downcurrent {
    display: block; width: 13px; height: 13px; float: right; margin-top: 2px;
    overflow: hidden; background: url(img/sorting-arrows.gif) no-repeat; }
a.up img, a.upcurrent img, a.down img, a.downcurrent img { display: none; }
a.up { margin-right: 3px; background-position: -13px 0; }
a.down { margin-right: 3px; background-position: 0 0; }
a.upcurrent { margin-right: 3px; background-position: -13px -13px !important; }
a.downcurrent { margin-right: 3px; background-position: 0 -13px !important; }

/* edit & delete buttons */

a.editButt, a.deleteButt, a.activateButt {
    display: block; width: 16px; height: 16px; text-decoration: none;
    background: url(img/butt-edit.png) no-repeat; text-indent: -9000px; }
a.editButt:hover, a.deleteButt:hover, a.activateButt:hover { background-position: 0 -16px; }
a.deleteButt { background-image: url(img/butt-delete.png); }
a.activateButt { background-image: url(img/butt-activate.png); }
td a.editButt, td a.deleteButt, td a.activateButt {
    margin: 0 auto !important; }

/* hotspot update button small */

a.btnUpdate {
    display: block; width: 106px; height: 15px; text-decoration: none;
    text-indent: -9000px; overflow: hidden; float: left; vertical-align: middle !important;
    background: url(img/btn-update.png) no-repeat; margin: 0 5px 0 0; }
a.btnUpdate:hover { background-position: 0 -15px; }

form br { clear: both; }

/* hotspots */

div.hotspotsAvail, div.hotspotsSelected {
    width: 400px; height: 250px; overflow: auto; position: relative !important;
    background: #93c3e8 url(img/dragdrop-container-bg.gif) no-repeat 0 0;
    background-attachement: fixed !important; margin-bottom: 6px; }

#campaignHotspotsAndContents {
    width: 920px; background: url(img/campaign-hotspots-bg.gif) no-repeat 0 25px; clear: both; }
.campaignHotspotsAndContentsBottom { width: 920px; height: 9px; background: url(img/campaign-hotspots-bottom-bg.gif); }
div.campaignHotspots {
    overflow: auto; position: relative !important;
    width: 100%; max-height: 350px; margin-bottom: 6px; padding-bottom:20px;}

div.hotspot {
    width: 360px; margin: 5px 0 0 5px; font-size: .9em;
    background: #e2f1fc url(img/hotspot-top-bg.gif) no-repeat; text-align: left; }
.hotspot.wide {
    width: 100% !important; margin: 5px 0 0 5px; position: relative;
    background: #e2f1fc url(img/hotspot-wide-top-bg.gif) no-repeat !important; }
/* attached by jquery */
.hotspotBottom { width: 360px; height: 7px; background: url(img/hotspot-bottom-bg.gif) no-repeat; }
.hotspotWideBottom { width: 100%; height: 7px; background: url(img/hotspot-wide-bottom-bg.gif) no-repeat; }
.itemChecked .hotspotBottom { background-position: -360px 0; }
.campaignHotspotIconTop {
    width: 25px; height: 20px; background: url(img/campaign-hotspot-icon-top.gif) no-repeat;
    position: absolute; top: 0; right: 0; }
.campaignHotspotIconBottom {
    width: 25px; height: 7px; background: url(img/campaign-hotspot-icon-bottom.gif) no-repeat;
    position: absolute; bottom: 0; right: 0; }


.hotspot h5 { font-size: 12px; line-height: 19px; height: 19px; display: inline; }
.hotspot p { font-size: 1em; margin: 0 0 0 26px;  }
.hotspot ul { clear: left; margin: 0 !important; padding: 0; list-style: none; }
.hotspot li {
    margin: 4px 0 0 0 !important; padding: 0 0 0 12px; list-style: none;
    background: url(img/cluster-arrow.gif) no-repeat 0 .4em; }

.hotspot.itemChecked {
    background-color: #fff7c3; background-position: -360px 0; }
.hotspot.itemUnchecked {}

a.selectAll, a.deselectAll {
    display: block; height: 19px; background: #000; float: right; text-indent: -9000px;
    text-decoration: none; overflow: hidden; background: url(img/select-deselect.png) no-repeat; }
a.selectAll { width: 72px; background-position: 0 0; }
a.selectAll:hover { background-position: 0 -19px; }
a.deselectAll { width: 84px; background-position: -72px 0; margin-left: 7px; }
a.deselectAll:hover { background-position: -72px -19px; }

.coolCheckbox-box { margin: 0; height: 19px; width: 19px; overflow: hidden; }
.coolCheckbox { display: inline; font-size: 19px; line-height: 19px; cursor: pointer; cursor: hand; }
.coolCheckbox .mark { display: inline; }

.coolCheckbox img { vertical-align: top; width: 19px; height: 19px; float: left; }
.coolCheckbox img { background: transparent url(img/cool-checkboxes.png) no-repeat; }

.coolCheckbox img {
    background-position: 0px 0px;
}
.coolCheckbox-hover img{
    background-position: 0px -38px;
}
.coolCheckbox-checked img{
    background-position: 0px -19px;
}
.coolCheckbox-checked .coolCheckbox-hover img {
    background-position: 0px -38px;
}

.coolCheckbox-disabled img{
    background-position: 0px -200px;
}
.coolCheckbox-checked .coolCheckbox-disabled img{
    background-position: 0px -200px;
}

.ui-tabs-hide {
    display: none;
}


.ui-slider { position: relative; text-align: left; background-color: green; width:100%; padding-top: 2px; height: 16px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background-color: white; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; width: 100px; background: url(./img/slider-bg.png); margin-left: 4px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background: url(./img/slider-thumb.png); margin-top: 6px; }
.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; }


.vCalendarWizard form fieldset, .vCardWizard form fieldset { border: none; }
.vCalendarWizard form div.error, .vCardWizard form div.error {
    margin-left: 15px;
    margin-top: -2px;
    width: auto;
    padding-right: 5px;
}
.vCalendarWizard form input[type=text], .vCardWizard form input[type=text] {
    width: 320px;
}
.vCalendarWizard .niceForm textarea, .vCardWizard .niceForm textarea {
    width: 44%;
    height: 50px;
}

.detailedLogTable img {
    height: 12px;
    vertical-align: top;
}

input.runPauseBtn {
    width: 76px;
    background: url(img/butt-pl-small-bg.gif);
}

.separatorCCA {
    background:transparent url(img/separator-cca.gif) no-repeat scroll 0 0;
}

ul#ccTabs {
    margin: 0 0 -7px 0; padding: 0; list-style: none; height: 22px; overflow: hidden; }
#ccTabs li { margin: 0; padding: 0; list-style: none; float: left; }

#ccTabs li a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(img/cca-tabs.gif) no-repeat scroll 0 0;
    display:block;
    height:22px;
    text-decoration:none;
    text-indent:0;
    font-weight: bold;
    color: white;
    text-align: center
}

li#lv a {
    background-position:-127px -22px;
    width:110px;
}

li#hv a {
    background-position:0 -22px;
    width:127px;
}

li#lv a { background-position: 0 -22px; width: 127px; }
li#lv a:hover { background-position: 0 -44px; }
li#lv.selected a { background-position: 0 0; cursor: default; color: #588fc0; }

li#hv a { background-position: -127px -22px; width: 127px; }
li#hv a:hover { background-position: -127px -44px; }
li#hv.selected a { background-position: -127px 0; cursor: default; color: #588fc0; }

li#chart a { background-position: -254px -22px; width: 127px; }
li#chart a:hover { background-position: -254px -44px; }
li#chart.selected a { background-position: -254px 0; cursor: default; color: #588fc0; }

div.hS {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    float: left;
    background: url(img/h-status.png);
}

div.hOffline {

}

div.hOnline {
    background: url(img/h-status.png) scroll 100%;
}

p#tabCCLiveView, p#tabCCHistoryView {
    margin: 0; padding: 0; position: absolute; top: 0; left: 0;
    overflow: hidden; height: 28px; }
p#tabCCLiveView a, p#tabCCHistoryView a {
    display: block; height: 28px; background: url(img/tabs-cca.gif) no-repeat;
    text-decoration: none; text-indent: -9000px; cursor: default }
p#tabCCLiveView a { background-position: 0 0; width: 158px; }
p#tabCCLiveView a.disabled, p#tabCCLiveView a.disabled:hover { background-position: 0 0; }
p#tabCCLiveView a:hover { background-position: 0 -28px; cursor: hand; }
p#tabCCLiveView a.current { background-position: 0 -56px !important; cursor: default; }

p#tabCCHistoryView { left: 158px; }
p#tabCCHistoryView a { background-position: -158px 0; width: 190px; }
p#tabCCHistoryView a.disabled, p#tabCCHistoryView a.disabled:hover { background-position: -158px 0; }
p#tabCCHistoryView a:hover { background-position: -158px -28px; cursor: hand; }
p#tabCCHistoryView a.current { background-position: -158px -56px; cursor: default; }

#graphs_container_right #cc_chart_refresh {
    background: url("img/refresh-cc-chart.gif") no-repeat scroll 0 0 transparent;
    width: 260px;
}

p#addCrowdControl a { background-image: url(img/new-btn.gif); width: 260px; }

table tr.trtl {
    margin-top: 5px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	/*background-color:#000; blubase */ 
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 9999;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/*
 * "Cupertino" Theme for jQuery UI Datepicker
 * Generated by Theme Roller ( http://ui.jquery.com/themeroller/ )
 * Authors: 
 *		Filament Group ( http://www.filamentgroup.com )
 * 		Marc Grabanski ( http://marcgrabanski.com/ )
*/
#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
}
.ui-datepicker-div {
	box-shadow: 10px 10px 5px #888; }
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	background: #fff; 
	font-size: 1.2em;
	border: 0 solid #cccccc;
	width: 15.5em;
	padding: 1.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #fff;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next label {
        display: none;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev label {
        display: none;
}
.ui-datepicker-header select {
	border: 1px solid #cccccc;
	color: #444444;
	background: #e0e0e0;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em; background: transparent;
	text-align: right; 
}
table.ui-datepicker td, table.ui-datepicker  tr {
	border-top: 0; border-bottom: 0; 
        vertical-align: middle;
        min-width:23px;
}
table.ui-datepicker td a {
	padding: .3em; display: block;
	color: #fff; text-decoration: none;
	background: #598db5;
	cursor: pointer;
}
table.ui-datepicker td a:hover, table.ui-datepicker td a:active { background: #7c9a21; }

table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	text-transform: uppercase;
}


/* ___________ IE6 IFRAME FIX ________ */
.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*/
}

ui-datepicker-links {
    text-align: center;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
    z-index: 10;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
    margin: 5px 0;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.gif') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.gif') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.gif') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.example_alt_pagination .dataTables_paginate {
	width: 400px;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button,
 	.example_alt_pagination div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button {
	background-color: #ddd;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {
	background-color: #ccc;
}

.example_alt_pagination div.dataTables_paginate span.paginate_active {
	background-color: #99B3FF;
}


table.display tr.row_selected.odd td {
	background-color: #B0BED9;
}

table.display tr.row_selected.even td {
	background-color: #9FAFD1;
}

/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}