html, body { margin:0; padding:0; width:100%; height:100%; }
body { color:#000; background:#fff; }
body, text, table, input, button, textarea, select, optgroup, p{ font-size:13px; font-family:"Trebuchet MS", Arial, Tahoma, Verdana, sans-serif }
a{ color:#0092d7; }
a:hover{ color:#000; text-decoration:none; }
img{ border:0 }
form{ margin:0; padding:0 }
/* headings ---------------------------------------- */
h1, h2, h3{ font-family:"Trebuchet MS", Verdana; font-weight:normal; color:#9c088d; letter-spacing:0px; margin:0 0 10px 0; line-height:1.2em }
h1{ font-size:30px; margin:0px 0 20px 0 }
h2{ font-size:19px; letter-spacing:0px; margin:10px 0 15px 0 }
h3{ font:bold 13px Arial, Tahoma, Verdana; }
/* stuff ---------------------------------------- */
.clear{ display:block; width:100%; height:1px; overflow:hidden; clear:both }
.br{ margin-bottom:10px }
hr{ border:0; height:0; border-bottom:solid 1px #ccc; background:transparent }
.big{ font-size:16px }
.small{ font-size:11px; }
.red{ color:#f00 }
.gray{ color:gray }
.silver{ color:silver }
.navy{ color:navy }
.blue{ color:#06c }
.green{ color:#080 }
.dark-gray{ color:#777 }
.udashed{ border-bottom:dashed 1px #aaa; text-decoration:none }
.current{ color:#222 }
.b,.bold{ font-weight: bold; }
.bg-red{ background:#FFEFFD; border:1px solid #DFB5D9; }
.indent{ margin-left:20px; }
dl{ margin:0; padding:0; }
.number.zero{ color:#bbb }
.number.smaller{ color:#f00 }
/* layout ---------------------------------------- */
#global{ margin-top:-130px; min-height:100%; min-width:1000px; }
#globalcont{ padding-top:130px; }
#header{ width:100%; height:90px; border-bottom:solid 0px #999;}
#content{ }
#footer{ height:90px; clear:both; color:#444; }
#footer .container{ padding:10px 0 0 0; }
#footer a{}
.container{ min-width:960px; width:90%; margin:0 auto; }
.header-logo{ float:left; }
/* -------------- logo ------------------- */
.logo{ position:relative; left:-15px; display:block; width:160px; height:60px; top:15px; background:url(/img/logo-purple.gif) top left scroll no-repeat; }
/* logo-christmas ----------------------------------------
.logo{
position:relative;
left:-18px;
display:block;
width:172px;
height:90px;
background:url(/img/logo-christmas.gif) top left scroll no-repeat;
}
*/
.logo span{ display:none; }
a.logo{ position:relative; color:#fff; text-decoration:none; }
a.logo:hover{ color:#ccc; }
/* header-user menu ---------------------------------------- */
.header-user{ margin-top:15px; }
.header-user li{ border-right:solid 1px #ccc; }
.header-user a{}
.header-user table{ border-collapse:collapse; }
.header-user table td{ font-size:13px; padding:0 20px 0 20px; border-left:solid 1px #ccc; }
.header-user table td.last{ padding:0 0px 0 20px; }
/* top-menu ---------------------------------------- */
.top-menu{ float:left; width:100%; background:#FDFDFD url(/img/grid_td.gif) repeat-x scroll 0 0; padding:8px 0 10px 0; border-top:solid 1px #222; position:relative; z-index:100 }
.top-menu-left{ float:left; list-style-type:none; margin:0; padding:0; }
.top-menu-left li{ display:inline; margin-right:20px; }
.top-menu-right{ float:right; list-style-type:none; margin:0; padding:0; }
.top-menu-right li{ display:inline; margin-left:20px; }
.top-menu a{}
.top-menu-left li.current a, .top-menu-right li.current a{ color:#000; text-decoration:none; }
/* sidemenu ---------------------------------------- */
.column-left{ margin-right:230px }
.column-right{ position:absolute; width:220px; right:0; top:0px; z-index:101 }
.column-left-container{ padding:10px 0px 0 0; }
.column-right-container{ padding:20px 0 0 20px; }
.backoffice-sidemenu ul, .backoffice-sidemenu ul li{ padding:0; margin:0; list-style-type:none }
.backoffice-sidemenu ul{ margin:20px 0 0 20px }
.backoffice-sidemenu ul li{ margin:5px 0 }
/* support submenu ---------------------------------------- */
.support{ margin:0; padding:0 0 0 4px; list-style-type:none; }
.support li{ padding-left:24px; margin-bottom:5px; }
.support li.phone{ background:url(/img/icons/phone.png) 0px 0px no-repeat; }
.support li.icq{ background:url(/img/icons/icq.png) 0px 2px no-repeat; }
.support li.skype{ background:url(/img/icons/skype.png) 0px 2px no-repeat; }
.support li.email{ background:url(/img/icons/email.png) 0px 2px no-repeat; }
/* box ---------------------------------------- */
.box{ padding:0px 0 30px 20px; margin-bottom:0px; border-left:dotted 0px #ccc; }
.box h2{ padding:0px 0 0px 0; margin:0px 0 15px 0; }
#sidemenu{ color:#ccc; margin:0px 0 0 0px; padding:0 0 0 0px; list-style-type:none; }
#sidemenu li{ padding:0 0 0 20px; margin:0 0 5px 0; background:url(/img/fugue/control_000_small.png) 0 2px scroll no-repeat; }
/* forms ---------------------------------------- */
.messages{ border-top:solid 1px #EEEF95; background:#ffc url(/img/fugue/light_bulb.png) 10px 10px scroll no-repeat; padding:10px 10px 10px 40px; margin:0 0 10px 0; }
.messages .close-messages-button{ float:right; margin-left:20px; }
.zend_form input, .zend_form select{ position:relative; top:-2px; }
.zend_form label input{ position:relative; top:1px; }
.zend_form{ border-top:solid 0px #ddd; background:#fdfdfd url(/img/grid_td.gif) 0 0px scroll repeat-x; padding:20px; }
.zend_form dt, .zend_form dd{ margin:0; border:solid 0px #ccc; padding:0 0 5px 0; }
.zend_form dt{ color:#777; }
.zend_form dd{ margin-bottom:10px; }
.zend_form #submit{ }
.fieldset{ border:solid 1px #ccc; padding:10px; margin-top:20px; position:relative; }
.fieldset .fieldset-title{ color:#777; background:#fff; position:absolute; top:-10px; padding:0 5px; }
.fieldset .fieldset-container{ clear:both; margin-top:5px; }
.zend_form fieldset{ border:solid 1px #ccc; margin-bottom:10px; padding:20px; }
.zend_form fieldset legend{ color:#777; }
.zend_form_horiz{ float:left; width:100%; padding:20px; }
.zend_form_horiz dt, .zend_form_horiz dd{ border:dotted 0px #ccc; margin:0; padding:0 0 0px 0; float:left; display:block; }
.zend_form_horiz dt{ clear:both; width:130px; color:#666; }
.zend_form_horiz dd{ padding:0px 0 10px 1em; margin-bottom:5px; }
ul.errors{ margin:0px 0 0 0; list-style-type:none; background:url(/img/fugue/exclamation_small.png) 0 0px no-repeat; padding-left:20px; font-size:11px; color:#A3238E }
.horizontal{ display:inline; margin:0 0 0px 0; padding:0; list-style-type:none; }
.horizontal li{ float:left; display:inline; margin-right:10px; padding-right:10px; }
.left{ float:left; }
.left .last{ margin-left:0; border-left:none; padding-left:0px; }
.right{ float:right; }
.right .last{ margin-right:0; border-right:none; padding-right:0px; }
/* noborder ---------------------------------------- */
table.noborder{ border-collapse:collapse; }
table.noborder th, table.noborder td{ padding:0; }
/* grid ---------------------------------------- */
.grid{ border-collapse:collapse; text-align:left; margin-bottom:20px; }
.grid th, .grid td{ font-weight:normal; padding:5px 7px; }
.grid th{ font-size:11px; border-bottom:solid 1px #222; color:#666; text-align:left; padding-top:10px }
.grid td{ vertical-align:top; background:#fdfdfd url(/img/grid_td.gif) 0 0px scroll repeat-x; border-bottom:solid 1px #fff; }
.grid tr.selected td{ background:#ffc; }
.grid tr.deleted td{ color:#ccc; }
.grid tr.marked td{ background: #dbf2f2 url(/img/grid_td_marked.gif) 0 0px scroll repeat-x; }
.grid td.buttons{ background:#F5E3ED; }
.grid-thin-border{ border-collapse:collapse; margin-bottom:10px }
.grid-thin-border th, .grid-thin-border td{ border:solid 1px #ccc; padding:3px; font-size:11px }
.grid tr.over td, .grid tr.overall td{ background:#f5e3ed url(/img/grid_td_over.gif) top left scroll repeat-x; }
.grid td a.icon-left{ display:inline-block; height:16px; text-decoration:none; padding-left:20px; padding-right:10px }
.grid td a.icon-left span{ font-size:11px; position:relative; top:-2px }
.grid td a.icon-left.import{ background:url(/img/fugue/disk__arrow.png) top left no-repeat }
.grid td a.icon-left.edit{ background:url(/img/fugue/pencil.png) top left no-repeat }
.grid td a.icon-left.delete{ background:url(/img/fugue/cross.png) top left no-repeat }
.grid .al-left{ text-align:left }
.grid .al-right{ text-align:right }
.grid .al-center{ text-align:center }
.grid td img{ vertical-align:bottom }
/* paging ---------------------------------------- */
.scroller{ list-style-type:none; margin:0 0 10px 0; padding:0 0 0px 0; }
.scroller li{ vertical-align:baseline; display:inline-block; float:left; margin-right:5px; background:#ec0; }
.scroller li.page-static, .scroller li a{ color:#0092d7; background:#eee; display:inline-block; padding:2px 7px; text-decoration:none; border:solid 0px #ccc; }
.scroller li.page-static{ color:#fff; background:#9c088d; }
.scroller li a:hover, .scroller li.current a{ color:#fff; background:#0092d7; }
.scroller li.blank{ color:#777; background:transparent; border:0; }
.page-size{ float:right; list-style-type:none; margin:0; padding:0; }
.page-size li{ float:left; margin-left:20px; }
/* popups ---------------------------------------- */
.popup h2{ margin:0; padding:0; }
#pngbg, #pngbg2{ z-index:200; position:absolute; background:url(/img/bg2.png); /* opacity:0.3; */ top:0; left:0; height:100%; width:100%; }
#switch-profile-link{ color:#67a5ff; text-decoration:none; border-bottom:dashed 1px #ccc; }
#switch-profile-link:hover{ color:#000; }
#switch-profile-popup .deleted{ color:#ccc; }
#switch-profile-popup{ background:#fff none repeat scroll 0 0; left:50%; margin-left:-130px; padding:0; position:absolute; top:100px; width:250px; z-index:10000; }
#switch-profile-popup-cont{ padding:10px 10px 10px 10px; }
#switch-profile-popup-cont ul{ overflow:auto; height:400px; color:#ccc; padding:0 0 0 1.4em; margin:1em 0 0 0em; }
#switch-profile-popup-cont ul li{ line-height:1.5em; }
/* popup grid actions ---------------------------------------- */
.popup-menu-container{ position:relative; }
.popup-menu-link{}
.popup-menu-link a{ text-decoration:none; border-bottom:dashed 1px #aaa; }
.popup-menu-canvas{ text-align:left; position:absolute; background:#fff; border:solid 1px #222; border-top:0; padding:10px; }
.popup-menu-canvas ul{ color:#ccc; margin:0 0 0 1.5em; padding:0; }
.popup-menu-canvas ul li{ margin:4px 0; }
/* submenu-bar ---------------------------------------- */
.submenu{ border-bottom:solid 1px #BF8FB8; float:left; width:100%; margin-bottom:0px; }
.submenu ul{ float:left; width:100%; padding:0px; margin:0 0 0 0px; list-style-type:none; }
.submenu ul li{ float:left; margin-right:0px; }
.submenu ul li a{ float:left; display:block; margin-right:10px; padding:5px 10px 8px 10px }
.submenu ul li a:hover, .submenu ul li.current a{ text-decoration:none; background:#A3238E; color:#fff }
.submenu ul li a:hover{ background:#F5E3ED url(/img/grid_td_over.gif) repeat-x scroll 0 0; color:#222 }
.submenu ul li.current a{ background:#F5E3ED url(/img/grid_td_over.gif) repeat-x scroll 0 0; color:#222 }
/* actions-bar ---------------------------------------- */
.actions-bar{ background:#FDFDFD url(/img/grid_td.gif) 0 0px scroll repeat-x; float:left; width:100%; }
.actions-bar ul{ padding:10px 10px 10px 10px }
.actions-bar ul li{ margin-right:20px; }
.actions-bar ul li.create{ background:url(/img/fugue/plus.png) 0 0px scroll no-repeat; padding-left:20px; }
.actions-bar ul li.archive{ background:url(/img/fugue/drawer.png) 0 0px scroll no-repeat; padding-left:20px; }
.actions-bar ul li.import{ background:url(/img/fugue/disk__arrow.png) 0 0px scroll no-repeat; padding-left:20px; }
.actions-bar ul li.locked{ background:url(/img/fugue/lock.png) 0 0px scroll no-repeat; padding-left:20px; }
.actions-bar ul li.list{ background:url(/img/fugue/notebook.png) 0 0px scroll no-repeat; padding-left:20px; }
.actions-bar ul li.calendar{ background:url(/img/fugue/calendar_month.png) 0 0px scroll no-repeat; padding-left:20px; }
/* intro ---------------------------------------- */
#intro{ }
#intro h1{ color:#fff; }
#intro .slogan{ display:block; width:478px; height:68px; margin-bottom:20px; background:url(/img/slogan-01.gif) top left scroll no-repeat; }
#intro .slogan span{ display:none; }
#intro .steps{ list-style-type:none; margin:0 0 0 0px; padding:0; font-size:20px; }
#intro .steps li{ display:block; padding:5px 0 10px 50px; margin-bottom:10px; }
#intro .steps li.step-1{ background:url(/img/steps-li-1.gif) top left scroll no-repeat; }
#intro .steps li.step-2{ background:url(/img/steps-li-2.gif) top left scroll no-repeat; }
#intro .steps li.step-3{ background:url(/img/steps-li-3.gif) top left scroll no-repeat; }
.register-button span{ display:none; }
.register-button{ display:block; width:212px; height:40px; background:url(/img/register-button.gif) top left scroll no-repeat; }
.register-button:hover{ background-position:0 -40px; }
/* dl.view-entry ---------------------------------------- */
.view-entry{ float:left; }
.view-entry dl{ margin:0; width:100%; float:left; padding:0; }
.view-entry dt{ color:#666; width:150px; clear:both; float:left; margin:0px 0 10px 0; padding:0px 0 0 0; }
.view-entry dd{ float:left; margin:0; }
/* loading-gauge ---------------------------------------- */
#loading-gauge{ position:absolute; float:left; z-index:100000; top:0px; width:300px; height:40px; left:50%; margin-left:-150px; background:#FFFFCC url(/img/loading.gif) 20px 10px scroll no-repeat; text-align:center; padding:18px 0px 0px 0px; border:solid 0px #EEEF95; }
/* sidemenu ---------------------------------------- */
.sidemenu{ margin:0 0 10px 0; padding:0px 0; }
.sidemenu ul{ margin:0 0 0px 0; padding:0px; list-style-type:none; }
.sidemenu ul li a{ font-weight:normal; font-size:19px; text-decoration:none; display:block; padding:5px 20px; margin:0 0 3px; border:solid 0px #ccc; background:#eee; color:#666; }
.sidemenu ul li a:hover, .sidemenu li.current a{ background:#9C088D; text-decoration:none; color:#fff; }
/* buttons ---------------------------------------- */
.buy-sms-button span, .backoffice-button span{ display:none; }
.buy-sms-button, .backoffice-button{ background:url(/img/buttons1.gif) top left scroll no-repeat; width:143px; height:36px; display:block; }
.buy-sms-button{ background-position:0 0; }
.buy-sms-button:hover{ background-position:-143px 0px; }
.backoffice-button{ background-position:0 -36px; }
.backoffice-button:hover, .backoffice-button.current{ background-position:-143px -36px; }
/* round corners ---------------------------------------- */
.rc_tl{ background:url(/img/rc_tl.gif) top left scroll no-repeat; }
.rc_tr{ background:url(/img/rc_tr.gif) top right scroll no-repeat; }
.rc_br{ background:url(/img/rc_br.gif) bottom right scroll no-repeat; }
.rc_bl{ background:url(/img/rc_bl.gif) bottom left scroll no-repeat; }
/* billing order ---------------------------------------- */
.pay-dock{ margin:20px 0px 30px 0 }
#ui-datepicker-div{ z-index:1000 }
/* news list ---------------------------------------- */
.newsList{ padding-left:25px }
.newsDateTime{ margin-left:-25px; color:#777 }
.newsContent{ }
.newsItem{ margin-bottom:40px }
.newsToolbar{ }
/* calendar ------------------------- */
table.calendar caption {
color: #9c088d;
}
table.calendar td {
text-align: right;
padding: 2px 6px 2px 15px;
cursor: pointer;
}
table.calendar th {
text-align: center;
color: silver;
}
table.calendar td a {
text-decoration: none;
}
.calendar-dow-6, .calendar-dow-5 {
background-color: rgb(255,240,240);
border-width: 1px;
border-style: solid;
border-color: rgb(255,230,230);
}
.calendar-dow-0, .calendar-dow-1, .calendar-dow-2, .calendar-dow-3, .calendar-dow-4 {
border-width: 1px;
border-style: solid;
border-color: rgb(240,240,240);
}
.calendar-planned {
background-image: url(/img/fugue/clock_small.png);
background-position: top left;
background-repeat: no-repeat;
border-width: 1px;
border-style: single;
border-color: rgb(100,100,200);
}
.calendar-done {
background-image: url(/img/fugue/tick_small.png);
background-position: top left;
background-repeat: no-repeat;
border-width: 1px;
border-style: single;
border-color: rgb(100,200,100);
}
.calendar-selected {
background-color: rgb(255,255,150);
border-width: 3px;
border-style: double;
border-color: rgb(220,220,120);
}
.calendar-today {
border-color: rgb(150,150,150);
border-width: 3px;
border-style: double;
}