/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2009/03/13
 * @link	http://www.agenceici.com/
 * @link	http://www.confettis-sms.com/
 *
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; }
*:focus { outline: 0 none; }
html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; background: #000; color: #000; cursor: default; }
input, textarea, select, option { font-size: 12px; }


ul, li { list-style: none; }
img { border: 0 none; }

a { color: blue; text-decoration: none; cursor: pointer; }
a .spam { display: none; }

.clear { clear: both; }
.blink { text-decoration: blink; }
.opacity-0 { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }


table.t-100 { width: 1002px; height: 100%; margin: 0 auto; }
td.t-100 { width: 100%; height: 100%; vertical-align: middle; }
div.container { display: block; position: relative; width: 1000px; height: 600px; border: 1px solid #4c4538; background: url(../images/background.jpg); }
img.customer-background { position: absolute; right: 0; top: 0; }

div.copy { position: absolute; left: 15px; bottom: 10px; color: #8b8477; font-size: 10px; }
div.copy a { color: #8b8477; }
div.copy a.made-in { display: block; width: 70px; height: 12px; float: left; background: url(../images/madeinici.gif) no-repeat; }
div.copy a.made-in span { display: none; }



/* phone */
div.area-left { position: absolute; left: 200px; top: 50px; width: 296px; height: 496px; z-index: 32; }
div.area-left img.background { position: absolute; left: 0; top: 0; width: 296px; height: 496px; background: url(../images/phone.png); }
div.area-left .content { position: absolute; left: 41px; top: 74px; width: 214px; }
div.area-left .credits { position: absolute; left: 0; top: -30px; width: 214px; color: #666; text-align: center; font-weight: bold; letter-spacing: -1px; }
div.area-left .credits span { color: #aaa; }
div.area-left .credits em { font-size: 11px; letter-spacing: 0px; }
div.area-left .title { position: relative; height: 30px; font-size: 12px; border-bottom: 1px solid #000; background: url(../images/deco-01.gif) 10px 10px no-repeat; }
div.area-left .title-noline { border-bottom: 0 none; }
div.area-left .title .black { position: absolute; color: #000; left: 50px; top: 9px; z-index: 1; }
div.area-left .title .white { position: absolute; color: #ccc; left: 51px; top: 10px; }
div.area-left .title .logout { position: absolute; left: 191px; top: 9px; display: block; width: 13px; height: 13px; background: url(../images/logout.gif) no-repeat; z-index: 32; }
div.area-left .border-bottom { border-bottom: 1px solid #000; background: url(../images/null.gif); }
div.area-left .border { border-top: 1px solid #ccc; border-bottom: 1px solid #000; }
div.area-left .border-top { border-top: 1px solid #ccc; }
div.area-left .infos { position: relative; font-size: 11px; height: 22px; border-top: 1px solid #ccc; border-bottom: 1px solid #000; }
div.area-left .infos div.background { position: absolute; left: 0; top: 0; width: 100%; height: 22px; background: #fff; opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); }
div.area-left .infos .info-left { position: relative; padding: 5px 0 0 10px; }
div.area-left .infos .info-right { position: absolute; right: 10px; top: 5px; }
div.area-left .button-png { position: relative; width: 187px; height: 22px; margin: 0 auto; cursor: pointer; }
div.area-left .button-png img.background { position: absolute; left: 0; top: 0; width: 187px; height: 22px; background: url(../images/button-background.png); }
div.area-left .button-png span { position: absolute; width: 187px; top: 3px; text-align: center; font-weight: bold; color: #2e2e2e; }
div.area-left .button-png input.submit { width: 1px; height: 1px; }
div.area-left .shadow { position: absolute; left: 0; top: 0; }
div.area-left .shadow .shadow-top { position: absolute; left: 0px; top: 0px; width: 214px; height: 5px; background: url(../images/phone-shadow-top.png); }
div.area-left .shadow .shadow-right { position: absolute; left: 209px; top: 5px; width: 5px; height: 311px; background: url(../images/phone-shadow-right.png); }
div.area-left .shadow .shadow-bottom { position: absolute; left: 0px; top: 316px; width: 214px; height: 5px; background: url(../images/phone-shadow-bottom.png); }
div.area-left .shadow .shadow-left { position: absolute; left: 0px; top: 5px; width: 5px; height: 311px; background: url(../images/phone-shadow-left.png); }
div.area-left .menu { position: absolute; left: 41px; top: 405px; width: 214px; height: 43px; }
div.area-left .menu .picto { position: absolute; left: 0; top: 0; width: 30px; height: 30px; }
div.area-left .menu .picto * { display: block; width: 30px; height: 30px; }
div.area-left .menu .picto a,
div.area-left .menu .picto a.disabled { background-position: 0 0; }
div.area-left .menu .picto a.normal { background-position: 0 -30px; }
div.area-left .menu .picto a.active { background-position: 0 -60px; }
div.area-left .menu .picto-2 { position: absolute; left: 0; top: 0; width: 43px; height: 43px; }
div.area-left .menu .picto-2 span { display: block; width: 43px; height: 43px; }
div.area-left .menu .picto-2 span,
div.area-left .menu .picto-2 span.disabled { background-image: url(../images/phone-spinner-disabled.gif); }
div.area-left .menu .picto-2 span.enabled { background-image: url(../images/phone-spinner-enabled.gif); }
div.area-left .menu #picto-message { left: 9px; }
div.area-left .menu #picto-message * { background-image: url(../images/phone-message.gif); }
div.area-left .menu #picto-groups { left: 45px; }
div.area-left .menu #picto-groups * { background-image: url(../images/phone-groups.gif); }
div.area-left .menu #picto-spinner,
div.area-left .menu #picto-spinner-blue { left: 86px; }
div.area-left .menu #picto-spinner-blue { display: none; overflow: hidden; }
div.area-left .menu #picto-spinner *,
div.area-left .menu #picto-spinner-blue * { }
div.area-left .menu #picto-history { left: 140px; }
div.area-left .menu #picto-history * { background-image: url(../images/phone-history.gif); }
div.area-left .menu #picto-account { left: 175px; }
div.area-left .menu #picto-account * { background-image: url(../images/phone-account.gif); }



/* text */
div.area-right { position: absolute; left: 530px; top: 55px; width: 290px; color: #fff; text-align: justify; }
div.area-right .description { border-top: 1px solid #cbbb9d; padding-top: 15px; }
div.area-right .description a { color: #fff; }
div.area-right .description table { width: 100%; }
div.area-right .description table td { padding: 2px; }
div.area-right .description table td strong { color: #cbbb9d; font-weight: normal; }
div.area-right .description table td img { width: 15px; height: 15px; margin-right: 10px; display: block; float: left; }
div.area-right .description table td img.message { background: url(../images/picto-message.png); }
div.area-right .description table td img.groups { background: url(../images/picto-groups.png); }
div.area-right .description table td img.history { background: url(../images/picto-history.png); }
div.area-right .description table td img.account { background: url(../images/picto-account.png); }
img.png { display: block; margin-bottom: 10px; }
#png-logo { width: 290px; height: 110px; background: url(../images/logo-01.png); }
#png-message-new-01 { width: 130px; height: 28px; background: url(../images/png-message-new-01.png); }
#png-groups-add-01 { width: 169px; height: 28px; background: url(../images/png-groups-add-01.png); }
#png-groups-edit-01 { width: 153px; height: 33px; background: url(../images/png-groups-edit-01.png); }
#png-groups-del-01 { width: 194px; height: 28px; background: url(../images/png-groups-del-01.png); }
#png-message-list-01 { width: 246px; height: 28px; background: url(../images/png-message-list-01.png); }
#png-account-01 { width: 187px; height: 28px; background: url(../images/png-account-01.png); }
#png-account-02 { width: 265px; height: 28px; background: url(../images/png-account-02.png); }
#png-paypal-01 { display: inline; width: 58px; height: 17px; background: url(../images/png-paypal-01.png); margin-bottom: -5px; margin-right: 10px; }



/*	mode: login */
div.phone-login img.background { position: absolute; left: -2px; top: -2px; width: 300px; height: 500px; background: url(../images/phone-login.png); }
div.area-left .login { padding-top: 248px; }
div.area-left .login .input { position: relative; width: 185px; height: 20px; margin: 0 auto; padding-bottom: 10px; }
div.area-left .login .input label { position: absolute; left: 0; top: 4px; width: 85px; text-align: right; font-size: 11px; }
div.area-left .login .input input { position: absolute; left: 95px; top: 4px; width: 85px; border: 0 none; font-size: 11px; background: transparent url(../images/null.gif); }
div.area-left .login div.submit { position: relative; margin-top: 15px; padding: 5px 0; height: 40px; background: transparent url(../images/null.gif); cursor: pointer; text-align: center; }
div.area-left .login div.submit input { height: 50px; cursor: pointer; }



/*	mode: message_new */
div.area-left .sms-count-1,
div.area-left .sms-count-2 { display: block; position: absolute; right: 27px; top: -1px; width: 13px; height: 13px; font-size: 0; background-image: url(../images/sms-x.gif); }
div.area-left .sms-count-2 { background-position: 0px -13px }
div.area-left .message-new {  }
div.area-left .message-new label { position: relative; display: block; width: 185px; height: 14px; margin: 0 auto; padding: 5px 0 5px 15px; font-size: 11px; }
div.area-left .message-new .input { position: relative; width: 185px; height: 20px; margin: 0 auto; padding-bottom: 10px; }
div.area-left .message-new .input img.background { position: absolute; left: 0; top: 0; width: 185px; height: 20px; background: url(../images/form-text-background.png); }
div.area-left .message-new .input input { position: relative; color: #373936; left: 10px; top: 3px; width: 165px; margin: 0 auto; border: 0 none; background: transparent url(../images/null.gif); }
div.area-left .message-new .textarea { height: 114px; }
div.area-left .message-new textarea { position: relative; margin: 10px 0 5px 15px; width: 185px; height: 97px; border: 0 none; color: #000; overflow: auto; background: transparent url(../images/null.gif); }
div.area-left .message-new textarea { text-shadow: 1px 1px 1px #fff; resize: none; } /* CSS3 */
div.area-left .message-new textarea.empty { opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
div.area-left .message-new .tabs { position: relative; height: 95px; }
div.area-left .message-new .tabs .tabs-menu { position: relative; display: block; width: 214px; height: 20px; overflow: hidden; }
div.area-left .message-new .tabs .tabs-menu img.tabs-background { position: absolute; left: 0; width: 214px; height: 60px; background: url(../images/tabs-message.png); }
div.area-left .message-new .tabs .tab-1-active img.tabs-background { top: 0px; }
div.area-left .message-new .tabs .tab-2-active img.tabs-background { top: -20px; }
div.area-left .message-new .tabs .tab-3-active img.tabs-background { top: -40px; }
div.area-left .message-new .tabs .tabs-menu a { position: relative; font-size: 11px; color: #000; padding-top: 3px; float: left; }
div.area-left .message-new .tabs .tabs-menu #tab-1 { display: block; width: 75px; padding-left: 10px; }
div.area-left .message-new .tabs .tabs-menu #tab-2 { display: block; width: 80px; padding-left: 10px; }
div.area-left .message-new .tabs .tabs-menu #tab-3 { display: block; width: 30px; height: 15px; padding-left: 7px; position: relative; }
div.area-left .message-new .tabs .tabs-menu #tab-3 .letter-r { display: block; position: absolute; left: 4px; top: 2px; }
div.area-left .message-new .tabs .tabs-menu #tab-3 .picto-r { display: block; position: absolute; left: 15px; top: -1px; width: 15px; height: 16px; background: url(../images/r.png); }
div.area-left .message-new .tab { position: relative; clear: both; }
div.area-left .message-new .tab .tab-background { position: absolute; left: 0; top: 0; width: 214px; height: 75px; opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); background: #fff; }
div.area-left .message-new #tab-1-block { position: relative; padding-top: 10px; }
div.area-left .message-new #tab-1-block .text-phone { padding-left: 15px; width: 150px; background: transparent url(../images/phone-icon.gif) no-repeat; }
div.area-left .message-new #tab-2-block { position: relative; padding-top: 5px; }
div.area-left .message-new #tab-2-block .group { position: relative; padding: 5px 0 12px 0; }
div.area-left .message-new #tab-2-block label { padding: 3px 0; }
div.area-left .message-new #tab-2-block select { position: absolute; left: 65px; top: 5px; width: 135px; border: 1px solid #000; background: transparent url(../images/null.gif); font-size: 11px; }
div.area-left .message-new #tab-2-block option { font-size: 11px; background: #7e827b; border: 0 none; }
div.area-left .message-new #tab-3-block { position: relative; padding-top: 5px; }
div.area-left .message-new #tab-3-block .calendar-background { position: absolute; left: 0; top: -135px; width: 214px; height: 115px; opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); background: #fff; }
div.area-left .message-new #tab-3-block #calendar-1 { position: absolute; left: 10px; top: -128px; font-size: 11px; }
#calendar-1 .days { }
#calendar-1 .days table { background: #000; color: #000; }
#calendar-1 .days th { height: 14px; }
#calendar-1 .days th, 
#calendar-1 .days td { text-align: center; font-size: 10px; font-weight: normal; background: #9ea19c; vertical-align: middle; }
#calendar-1 .days td { cursor: pointer; width: 20px; height: 13px; }
#calendar-1 .days td.month-disabled,
#calendar-1 .days td.month-disabled-now,
#calendar-1 .days td.month-disabled-active,
#calendar-1 .days td.month-disabled-active-now { cursor: default; color: #696a67; }
#calendar-1 .days td.month-previous,
#calendar-1 .days td.month-previous-now { color: #fff; }
#calendar-1 .days td.month-current,
#calendar-1 .days td.month-current-now { background: #bec0bc; }
#calendar-1 .days td.month-current-active,
#calendar-1 .days td.month-current-active-now { color: #fff; background: #696a67; }
#calendar-1 .days td.month-next,
#calendar-1 .days td.month-next-now { color: #fff; }
#calendar-1 .year { position: absolute; display: block; left: 150px; top: 0px; width: 51px; height: 14px; text-align: center; }
#calendar-1 .year .button-previous,
#calendar-1 .year .button-next { display: none; }
#calendar-1 .month { position: absolute; display: block; left: 148px; top: 14px; width: 56px; height: 15px; text-align: center; border-bottom: 1px solid #000; }
#calendar-1 .month .string { font-weight: bold; }
#calendar-1 .month .button-previous { display: block; width: 10px; height: 15px; background: url(../images/arrow-left.gif) center no-repeat; position: absolute; left: 6px; top: -2px; cursor: pointer; }
#calendar-1 .month .button-next { display: block; width: 10px; height: 15px; background: url(../images/arrow-right.gif) center no-repeat; position: absolute; left: 39px; top: -2px; cursor: pointer; }
#calendar-1 .hour { position: absolute; display: block; left: 150px; top: 45px; font-size: 13px; }
#calendar-1 .hour .label { display: block; width: 51px; text-align: center; font-size: 11px; }
#calendar-1 .hour .string-sep { position: absolute; left: 22px; top: 15px; }
#calendar-1 .hour .string-h { position: absolute; left: 6px; top: 15px; }
#calendar-1 .hour .string-m { position: absolute; left: 27px; top: 15px; }
#calendar-1 .hour .button-h-next { position: absolute; left: 6px; top: 30px; width: 15px; height: 10px; background: url(../images/arrow-up.gif) center no-repeat; cursor: pointer; }
#calendar-1 .hour .button-h-previous { position: absolute; left: 6px; top: 40px; width: 15px; height: 10px; background: url(../images/arrow-down.gif) center no-repeat; cursor: pointer; }
#calendar-1 .hour .button-m-next { position: absolute; left: 27px; top: 30px; width: 15px; height: 10px; background: url(../images/arrow-up.gif) center no-repeat; cursor: pointer; }
#calendar-1 .hour .button-m-previous { position: absolute; left: 27px; top: 40px; width: 15px; height: 10px; background: url(../images/arrow-down.gif) center no-repeat; cursor: pointer; }
div.area-left .message-new #tab-3-block .date-francais { font-size: 11px; padding-top: 2px; text-align: center; }
div.area-left .message-new #tab-3-block .disabled-submitat,
div.area-left .message-new #tab-3-block .enabled-submitat { display: block; position: relative; margin: 10px auto 0 auto; width: 180px; height: 17px; overflow: hidden; }
div.area-left .message-new #tab-3-block .disabled-submitat img.background,
div.area-left .message-new #tab-3-block .enabled-submitat img.background { display: block; left: 0; top: -17px; width: 180px; height: 34px; background: url(../images/r-activate.png); }
div.area-left .message-new #tab-3-block .enabled-submitat img.background { top: 0; }
div.area-left .message-new #tab-3-block .disabled { position: absolute; left: 10px; top: 2px; color: #666; font-size: 11px; }
div.area-left .message-new #tab-3-block .enabled { position: absolute; left: 115px; top: 2px; color: #666; font-size: 11px; }
div.area-left .message-new #tab-3-block .enabled-submitat .enabled,
div.area-left .message-new #tab-3-block .disabled-submitat .disabled { color: #000; font-weight: bold; }


div.area-left .service-offline { padding-top: 200px; text-align: center; font-weight: bold; background: url(../images/service-offline.gif) center no-repeat; }



/*	mode: message_send */
div.area-left .message-send { }
div.area-left .message-send .arrow-group { background: url(../images/send-arrow-group.gif) center no-repeat; }
div.area-left .message-send table { width: 100%; }
/*				c -> cellular, s -> status */
div.area-left .message-send table th { font-weight: normal; font-size: 11px; text-align: left; }
div.area-left .message-send table th.s,
div.area-left .message-send table th.c { padding-left: 10px; height: 20px; }
div.area-left .message-send table th.c { width: 120px; border-right: 1px solid #4b5546; }
div.area-left .message-send table td.c { width: 120px; height: 20px; padding-left: 10px; border-right: 1px solid #4b5546; text-shadow: 1px 1px 1px #fff; }
div.area-left .message-send table td.s { height: 20px; padding-left: 5px; }
div.area-left .message-send table tr.t2 td { background-color: #7f837d; }
div.area-left .message-send td.s img { width: 13px; height: 13px; background: url(../images/send-status-wait.png); float: left; }
div.area-left .message-send td.s img.submit { background: url(../images/send-status-submit.png); }
div.area-left .message-send td.s img.submitat { background: url(../images/send-status-submitat.png); }
div.area-left .message-send td.s em { padding-left: 5px; font-size: 11px; font-style: normal; }
div.area-left .message-send .overflow { width: 214px; height: 201px; overflow: auto; overflow-x: hidden; overflow-y: auto; }
div.area-left .message-send .buttons { position: relative; height: 40px; }
div.area-left .message-send .buttons div.background { position: absolute; left: 0; top: 0; width: 214px; height: 40px; opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); background: #fff;  }
div.area-left .message-send #button-play-pause { position: absolute; left: 15px; top: 10px; width: 23px; height: 22px; cursor: pointer; }
div.area-left .message-send #button-play-pause img { width: 23px; height: 22px; background: url(../images/send-button-play.png); }
div.area-left .message-send #button-play-pause img.play { background: url(../images/send-button-play.png); }
div.area-left .message-send #button-play-pause img.pause { background: url(../images/send-button-pause.png); }
div.area-left .message-send #button-restart { position: absolute; left: 43px; top: 10px; width: 23px; height: 22px; cursor: pointer; }
div.area-left .message-send #button-restart img { width: 23px; height: 22px; background: url(../images/send-button-restart.png); }
div.area-left .message-send #button-text { position: absolute; left: 73px; top: 10px; width: 125px; cursor: pointer; }
div.area-left .message-send #button-text img { position: absolute; left: 0; top: 0; width: 125px; height: 22px; background: url(../images/send-button-text.png); }
div.area-left .message-send #button-text span { position: absolute; left: 0; top: 3px; width: 125px; text-align: center; font-weight: bold; color: #2e2e2e; }



/*	mode: message_list */
div.area-left .message-list { width: 214px; height: 290px; overflow: auto; overflow-x: hidden; overflow-y: auto; }
div.area-left .message-list table { width: 100%; }
div.area-left .message-list th { font-weight: normal; text-align: left; font-size: 11px; border-top: 1px solid #ccc; border-bottom: 1px solid #000; padding: 4px 5px; }
div.area-left .message-list td { font-size: 11px; border-bottom: 1px solid #000; padding: 4px 5px; background: url(../images/admin-background-30.png); }
div.area-left .message-list .date { border-right: 1px solid #000; padding-left: 10px; width: 60px; }
div.area-left .message-list .name { width: 100%; }
div.area-left .message-list .sms { border-left: 1px solid #000; padding-right: 20px; width: 30px; }
div.area-left .message-list .unik { padding-left: 10px; }



/*	mode: groups_xxx */
div.area-left .groups { position: relative; }
div.area-left .groups .tabs-menu { position: relative; display: block; width: 214px; height: 20px; overflow: hidden; }
div.area-left .groups .tabs-menu img.tabs-background { position: absolute; left: 0; width: 214px; height: 60px; background: url(../images/tabs-groups.png); }
div.area-left .groups .tabs-menu a { display: block; position: relative; color: #000; padding-top: 3px; float: left; }
div.area-left .groups .tabs-menu #tab-1 { width: 52px; padding-left: 8px; }
div.area-left .groups .tabs-menu #tab-2 { width: 53px; padding-left: 10px; }
div.area-left .groups .tabs-menu #tab-3 { width: 73px; padding-left: 10px; }
div.area-left .groups .tab-1-active img.tabs-background { top: 0px; }
div.area-left .groups .tab-2-active img.tabs-background { top: -20px; }
div.area-left .groups .tab-3-active img.tabs-background { top: -40px; }
div.area-left .groups .tab { }
div.area-left .groups .tab .tab-background { position: absolute; left: 0; top: 20px; width: 214px; height: 271px; background: #fff; opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); }
div.area-left .groups .tab .caption { position: relative; display: block; width: 185px; height: 12px; padding: 5px 0 5px 10px; font-size: 11px; }
div.area-left .groups .tab label { position: relative; display: block; width: 185px; height: 14px; margin: 0 auto; padding: 5px 0 3px 15px; font-size: 11px; }
div.area-left .groups .tab .input { position: relative; width: 185px; height: 20px; margin: 0 auto; padding-bottom: 10px; }
div.area-left .groups .tab .fix { padding-bottom: 0px; }
div.area-left .groups .tab .input img.background { position: absolute; left: 0; top: 0; width: 185px; height: 20px; background: url(../images/form-text-background.png); }
div.area-left .groups .tab .input input { position: relative; color: #373936; left: 10px; top: 3px; width: 165px; margin: 0 auto; border: 0 none; background: transparent url(../images/null.gif); }
div.area-left .groups .tab .input-file { position: relative; width: 185px; height: 20px; margin: 0 auto; }
div.area-left .groups .tab .input-file img.background { position: absolute; left: 0; top: 0; width: 185px; height: 20px; background: url(../images/form-file-background.png); }
div.area-left .groups .tab .input-file #csv_file_value { position: absolute; left: 10px; top: 4px; width: 100px; height: 15px; font-size: 11px; display: block; overflow: hidden; }
div.area-left .groups .tab .input-file #csv_file_label { position: absolute; left: 110px; top: 4px; width: 75px; text-align: center; font-size: 11px; }
div.area-left .groups .tab .input-file input { position: relative; width: 185px; height: 20px; background: transparent url(../images/null.gif); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
div.area-left .groups .tab .checkbox { position: relative; padding: 10px 15px; }
div.area-left .groups .tab .checkbox label { position: static; display: inline; padding: 0; margin: 0; }
div.area-left .groups .csv { position: relative; padding: 5px 0 10px 0; }
div.area-left .groups select { display: block; width: 185px; margin: 0 auto; font-size: 11px; border: 1px solid #000; background: transparent url(../images/null.gif); }
div.area-left .groups option { font-size: 11px; background: #7e827b; border: 0 none; }
div.area-left .groups .opacity-0 { position: absolute; }
div.area-left .groups .button-png { margin-top: 10px; padding-bottom: 10px; }
div.area-left .groups .csv-sample { position: relative; display: block; width: 160px; padding: 7px 0 0 15px; margin: 0 auto; color: #000; font-size: 11px; background: url(../images/arrow-download.gif) 0 9px no-repeat; }
div.area-left .groups iframe { width: 1px; height: 1px; }
div.area-left .groups .bubble-big { position: absolute; left: 217px; top: -90px; width: 369px; padding-left: 55px; padding-top: 1px; }
div.area-left .groups .bubble-big img.background { position: absolute; left: 0px; top: 0; width: 431px; height: 460px; background: url(../images/bubble-big.png); }
div.area-left .groups .bubble-big .bubble-big-head { position: relative; padding: 7px 10px 0 10px; height: 22px; border-bottom: 1px solid #000; }
div.area-left .groups .bubble-big .bubble-big-head div.background { position: absolute; left: 0; top: 0; width: 369px; height: 29px; background: #fff; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }
div.area-left .groups .bubble-big .bubble-big-head div.text { position: relative; }
div.area-left .groups .bubble-big .bubble-big-body { position: relative; width: 100%; height: 390px; overflow: auto; overflow-x: hidden; overflow-y: auto; }
div.area-left .groups .bubble-big .bubble-big-foot { position: relative; padding: 5px 10px 0 10px; height: 24px; border-top: 1px solid #000; }
div.area-left .groups .bubble-big .bubble-big-foot div.background { position: absolute; left: 0; top: 0; width: 369px; height: 29px; background: #fff; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }
div.area-left .groups .bubble-big .bubble-big-foot div.text { position: relative; }
div.area-left .groups .bubble-big .button-png-white { position: relative; width: 187px; height: 22px; float: right; margin-right: 20px; cursor: pointer; }
div.area-left .groups .bubble-big .button-png-white img.background { position: absolute; left: 0; top: 0; width: 187px; height: 22px; background: url(../images/bubble-button.png); }
div.area-left .groups .bubble-big .button-png-white span { position: relative; display: block; width: 187px; padding-top: 2px; text-align: center; }
div.area-left .groups table.preview { width: 100%; }
div.area-left .groups table.preview th { text-align: left; font-size: 11px; padding: 5px 10px; border-bottom: 1px solid #000; font-weight: bold; white-space: nowrap; }
div.area-left .groups table.preview td { text-align: left; font-size: 11px; padding: 5px 10px; border-bottom: 1px solid #ccc; }
div.area-left .groups table.preview td.cellular { }
div.area-left .groups table.preview td.name { border-left: 1px solid #fff; border-right: 1px solid #fff; width: 50%; }
div.area-left .groups table.preview td.firstname { width: 50%; }
div.area-left .groups table.preview td.warning { font-style: italic; font-variant: small-caps; }
div.area-left .groups table.preview td.error { font-style: italic; font-variant: small-caps; }
div.area-left .groups .fix { padding-top: 10px; }
div.area-left .groups .fix .button-png { margin-top: 0; }
div.area-left .groups .groups-table { position: relative; height: 210px; overflow: auto; }
div.area-left .groups .groups-table table { width: 100%; }
div.area-left .groups .groups-table tr.row-2 td { background-color: #90938e; }
div.area-left .groups .groups-table td { cursor: pointer; }
div.area-left .groups .groups-table td.name { width: 100%; padding: 2px 0 2px 10px; text-shadow: 1px 1px 1px #fff; }
div.area-left .groups .groups-table td.radio { padding: 2px 10px; border-left: 1px solid #000; }
div.area-left .groups .groups-table input { }
div.area-left .groups #div-confirmation { position: relative; padding-top: 5px; }
div.area-left .groups #div-confirmation.disabled-opacity label,
div.area-left .groups #div-confirmation.disabled-opacity img,
div.area-left .groups #div-confirmation.disabled-opacity span { opacity: 0.50; -moz-opacity: 0.50; filter: alpha(opacity=50); }
div.area-left .groups .button-png-mini { position: relative; width: 65px; height: 22px; margin: 0 auto; cursor: pointer; }
div.area-left .groups .button-png-mini img.background { position: absolute; left: 0; top: 0; width: 65px; height: 22px; background: url(../images/button-background-mini.png); }
div.area-left .groups .button-png-mini span { position: absolute; width: 65px; top: 3px; text-align: center; font-weight: bold; color: #2e2e2e; }
div.area-left .groups #button-yes { position: absolute; left: 35px; top: 30px; }
div.area-left .groups #button-no { position: absolute; left: 115px; top: 30px; }



/*	mode: account_edit */
div.area-left .account-edit { }
div.area-left .account-edit .overflow { position: relative; height: 225px; overflow: auto; overflow-x: hidden; overflow-y: auto; }
div.area-left .account-edit label { position: relative; display: block; width: 165px; height: 12px; margin: 0 auto; padding: 5px 0 5px 15px; font-size: 11px; }
div.area-left .account-edit .input { position: relative; width: 185px; height: 20px; margin: 0 auto; padding-bottom: 10px; }
div.area-left .account-edit .fix { padding-bottom: 0px; }
div.area-left .account-edit .fix-2 { padding-top: 0px; color: #ccc; }
div.area-left .account-edit .input { width: 165px; }
div.area-left .account-edit .input img.background { position: absolute; left: 0; top: 0; width: 165px; height: 20px; background: url(../images/form-text-2-background.png); }
div.area-left .account-edit .input input { position: relative; color: #373936; left: 10px; top: 3px; width: 145px; margin: 0 auto; border: 0 none; background: transparent url(../images/null.gif); }
div.area-left .account-edit .checkbox { padding-bottom: 5px; }
div.area-left .account-edit .checkbox td { vertical-align: top; padding-top: 5px; }
div.area-left .account-edit .checkbox .td-input { padding-left: 10px; }
div.area-left .account-edit .checkbox .td-label { padding-left: 5px; padding-right: 5px; }
div.area-left .account-edit .checkbox label { width: auto; height: auto; padding: 0; }
div.area-left .account-edit .border-top { padding-top: 8px; }
div.area-right .select { padding-top: 10px; }
div.area-right .select select { width: 175px; margin-right: 10px; }
div.area-right .select input.submit { color: #373936; background: #8c8f89; padding: 1px 4px; font-weight: bold; width: 90px; }



/*	mode: order */
div.area-left .order { }
div.area-left .order .thanks { padding: 20px 10px; font-size: 11px; text-align: center; }



/* admin */
ul.menu-admin { padding: 10px; margin: 0 auto; width: 500px; height: 10px; }
ul.menu-admin li { float: left; }
ul.menu-admin li a { padding: 10px; color: #fff; }
ul.menu-admin li a:hover { color: #cbbb9d; text-decoration: underline; }

div.area-admin { position: absolute; left: 10px; top: 40px; width: 980px; height: 530px; overflow: auto; text-align: justify; color: #fff; }
div.area-admin input.button { padding: 1px 3px; color: #2e2e2e; font-weight: bold; border: 1px solid #7d807a; border-top-color: #d1d2d0; border-bottom-color: #383937; background: #8c8f89; }
div.area-admin input.text,
div.area-admin input.text-min,
div.area-admin textarea { border: 1px solid #ccc; background: #fff; width: 200px; }
div.area-admin input.text-min { width: 100px; }
div.area-admin table.form { margin: 0 auto; padding: 0 10px; border: 1px solid #fff; background: url(../images/admin-background-10.png); /*background: rgba(255, 255, 255, 0.1);*/ }
div.area-admin table.form th { color: #cbbb9d; padding: 5px 0; text-align: center; font-size: 13px; }
div.area-admin table.form td { color: #fff; padding: 1px 2px; }
div.area-admin table.form td a { color: #fff; text-decoration: underline; }
div.area-admin table.form td.fault { font-style: italic; }
div.area-admin table.form td.errors { color: #f30; text-align: center; padding: 5px; }
div.area-admin table.form td.label { text-align: right; padding-right: 5px; }
div.area-admin table.form td.input { text-align: left; }
div.area-admin table.form td.buttons { text-align: center; padding: 10px 0; }
div.area-admin table.form tr.hover td { color: #cbbb9d; }