div.space-20 {height: 20px;} div.personal-account div.title {margin-bottom: 20px;} div.personal-account div.menu-li {margin: 20px;} div.personal-account div.menu-li li {margin: 5px 0;} div.personal-account div.account-menu {margin: 20px 0;} div.personal-account div.account-menu ul {list-style:none;} div.personal-account div.account-menu ul li {margin:4px 0;} div.personal-account div.account-menu ul li a {text-decoration:none;} div.personal-account fieldset#order-info div.info {padding-top:0;} div.personal-account div.order-info-all fieldset#order-info {height:65px;} div.personal-account span.welcome { display: block; text-align: center;} div.account div.box { background:#E7F5FE; margin-bottom: 5px; border-bottom: 4px solid #CDE8FB;} div.account div.box li{ background:#E7F5FE; border:none;} div.account .title .r { background: url("/account/pic/my_menu.jpg"); } div.print {margin-bottom: 40px; font-size: 12px;} div.print div.client table{font-weight:bold;font-size: 12px;} div.print div.details table {margin:10px 5px;font-size: 12px;} div.print span.total {margin:10px 5px;font-weight:bold;font-size: 14px;} div.print div.separator {border-bottom:4px dotted #a1a1a1; width:100%; display:block;} /* ================================== */ /* ========== FlySearch ============= */ /* ================================== */ #pass2check_alert { border: 1px solid red; margin: -28px 365px 0; padding: 8px; position: absolute; } div.result { float: left; margin: 0 30px; } div.result .present { padding: 5px 0; text-align: center; width: 100px; border: 1px solid green; color: green; } div.result .absent { padding: 5px 0; text-align: center; width: 100px; border: 1px solid red; color: red; } div.livesearch-block { margin-left: -8px; margin-top: -4px; position: absolute; } div.livesearch-email-block, div.livesearch-tel-block { margin-left: 81px; margin-top: -4px; position: absolute; } form#info fieldset div.row div.livesearch-email-block, form#info fieldset div.row div.livesearch-tel-block { margin-left: 121px; margin-top: 24px; position: absolute; } div.alert-search { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid red; display: block; font-weight: bold; padding: 5px; width: 100%; } #alert-search-client { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid red; display: block; font-weight: bold; margin: -20px 0 0 235px; padding: 5px; position: absolute; width: 100px; } div.new_user div.info form#info div.livesearch-email-block div#livesearch-email-list div#alert-search-client, div.new_user div.info form#info div.livesearch-tel-block div#livesearch-tel-list div#alert-search-client { margin: -25px 0 0 345px; } div.new_user div.info form#info fieldset div.row div.title, td.content_site div.info form#info fieldset div.row div.title {width:650px;height:31px;line-height:31px;background:#5DB843 url('/img/title.jpg');color:#ffffff;text-align:center;font-size:12px;text-transform: uppercase;font-weight:bold;text-decoration:none;} div.order-info-all fieldset#order-info {width:300px;display: table-cell; height:100px; vertical-align:top;float: left;} div.order-info-all fieldset#order-info div.info { word-wrap: break-word; float: right; width: 220px; } form#add-item #line0 {display:none;} form#add-item div.table {margin-bottom:5px;} form#add-item div.table div {float:left; width:70px; padding: 1px 4px;font-weight: bold;} form#add-item div.row div {float:left; width:70px; padding: 1px 4px;} form#add-item div.table div {display: table-cell;} form#add-item div div.count {width:20px;} form#add-item div.table div.code, form#add-item div.row div.code, form#add-item div.code input {width:130px;} form#add-item div.product_id {width:60px;} form#add-item div.mod_id {width:80px;} form#add-item div.brand {width:65px;} form#add-item div.table div.title, form#add-item div.row div.title, form#add-item div.title input {width:150px;} form#add-item div.table div.quant, form#add-item div.row div.quant, form#add-item div.quant input {width:30px;} form#add-item div.price {width:50px;} form#add-item div.total {width:70px;} form#add-item div.control {width:40px;} form#add-item div.report {display:block; padding:8px 50px 8px 0; font-weight: bold; clear:both; text-align: right;} form#add-item div div.clear {width:100%;} /* ================================== */ /* ============ signup ============== */ /* ================================== */ div.index { background: #FFFFFF; float: right; position: fixed; right: -500px; top: 200px; } div.signup { height: 150px; width: 540px; -moz-box-shadow:5px 5px 10px #000000; -webkit-box-shadow: 5px 5px 10px #000000; box-shadow:5px 5px 10px #000000; list-style:none; } div.signup div.col-1 {background:url('/account/pic/label.jpg'); width:40px; height:150px; float: left; margin-right:20px;cursor: pointer; } div.signup div.col-2 {float: left; padding-top:20px; width:210px;} div.signup div.col-3 {padding-top: 40px;text-align: center;} div.col-3 span.remind { display: block; text-transform: lowercase; margin-bottom: 15px;} div.signup div.col-2 label {display:block;} div.signup div.col-2 input {display:block;} div.signup div.col-2 div.buttons { margin-top: 10px; } #ok, #cancel { width:86px; height:26px; float:left; cursor:pointer; } #ok {background:url('/account/pic/ok.png');} #cancel {margin-left:5px;background:url('/account/pic/cancel.png');} div.signup div.col-3 span.noaccount {font-size: 14px; margin-left: 10px;} div.signup div.col-3 span.registration {font-size: 16px;display: block;} /* ================================== */ /* ==== registration & info FORM ==== */ /* ================================== */ div.window div.col-1 {float: left; width: 190px;} div.window div.col-2 {border: 0 none; float: left; width: 775px;} div.window div.info { border: 0 none; margin: 0 auto; width: 490px;} div.registration {width:600px; margin:20px auto 0;} form#registration fieldset, form#info fieldset {border:0;} form#registration div.optional, form#registration div.need, form#info div.row {height: 50px;} form#registration div.registration div.optional textarea#address {width: 228px;} form#registration label, form#info label { float: left; text-align: right; width: 110px; margin-right:10px;} form#registration div.row input, form#registration div.row textarea, form#info div.row input, form#info div.row textarea { float: left; width: 340px;} form#info fieldset div.row input#email { background: none repeat scroll 0 0 transparent; border: medium none; color: #3C3C3C; margin-top: -2px; } #order_email { display: block; padding: 10px 0 0; } span#order_email input { border: medium none; } form#registration div.row textarea, form#info div.row textarea { float: none; } form#registration div.choice input, form#info div.choice input {width:auto; float:none;} form#registration div.column, form#info div.column {float:left; min-width:150px;} form#registration div.controls input, form#info div.row div.button input {width:auto;} form#registration div.choice, form#info div.choice {display: block;margin-bottom: 10px;} form#registration div.interest {margin-top:20px;} form#registration div.email, div.info div.email { margin-left: 350px; margin-top: -50px; position: absolute; } div.interest-block div.common, div.interest-block div.interst {padding-left: 60px;} div.interest-block div.title {margin-top:20px;} div.interest-block div.th {font-weight: bold;display:block; padding-bottom:6px;} div.interest-block span { padding-bottom:6px;display: table-cell;} div.new_user div.info form#info fieldset div.interest, td.content_site div.info form#info fieldset div.interest {padding-left: 115px;} form#info div.line, form#registration div.line { border-bottom: 1px solid #ADADAF; margin: 5px; width: 100%; } div.info div.email {margin-left: 350px; margin-top: -50px; position: absolute;} /* ================================== */ /* ============= message============= */ /* ================================== */ div.message table {border-collapse:collapse;} div.message table tbody tr {margin:2px 0;} div.message table tr, div.message table td {border:none; } div.message table tr {height:14px; overflow:hidden; border:none;} div.message .num { padding:3px 4px;} div.message .from, div.message .to { width:150px;} div.message .date { padding: 0 5px;} div.message .date a { text-decoration:none;} div.message .text { width:300px;} div.message .marked {background:#e1e1e1;} div.message .unread-by-admin {color:black;background-color: #D3DCE3; border:solid 1px red;} div.message .unread-by-user { color: #B1B1B1;} div.message div.text-full form div.date, div.message div.text-full form div.to { margin: 5px 0; padding:0;} div.message div.text-full .from {margin: 5px; } div.message div.text-full .text { border:2px solid #0F7AD8; width:600px; padding:8px; color:#fff; background: #a9e4f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */ background: linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 1px 1px 2px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); } div.button-del {cursor: pointer; float: left; margin-right:5px;} div.controls div.button-del {cursor: pointer; float: right; margin-right:5px;} /* ================================== */ /* ============ orders ============== */ /* ================================== */ div.grid-search {float: left;padding-bottom: 15px;} div.grid-search div.search {float:left;} div.grid-search div.dates {float:left;} div.grid-search div.dates div.row {float:left;} div.grid-search div.dates div.row input {width: 90px;} div.order-tabs {padding: 0 0 40px 10px;} .status-tabs { cursor:pointer; margin: 0 5px; padding: 8px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1569a5; padding: 5px 9px; background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 50%, #b5b5b5); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#b5b5b5)); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #1569a5; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1); } div.orders { border: 1px solid; display: table; margin: 0 10px 50px; padding: 5px 20px 20px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 3px rgba(014,051,080,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(014,051,080,0.5), inset 0px 0px 1px rgba(255,255,255,1); } fieldset#order-info a.history { margin-left: 80px;} form#add-item div.orders div.order-info {margin-top:20px;} div.orders label {float: left; width: 80px;} div.order-details fieldset#order-details {width:623px;} fieldset#order-info div.new {margin: 7px 0;} fieldset#order-details div.col input {width:120px;margin: 0 5px;} fieldset#order-details div.col.quant input {width:30px;} fieldset#order-details div.col {width:160px; float:left;} fieldset#order-details form div.row img {padding-top: 3px;} fieldset#order-details b { display: block; margin: 5px;} #records .button-save, #records .button-edit { margin: 0 5px; padding: 5px 10px; font-size:14px;} div.pager-pages #show {float: left;padding: 10px 5px;} div.orders #PerPage {width: 120px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0 0 4px #AAAAAA; color: #555555; float: left; font-size: 14px; padding: 5px; } .pager-pages { margin: 10px 0; } .pager-pages div { float:left; } .clear { clear: both; width: 100%; } /* ================================== */ /* ============ audience ============== */ /* ================================== */ div.audience { margin: 0 auto; width: 50%;} div.audience div.title { background:none; text-align:center; padding:5px; color:#a1a1a1;} div.audience div.text { padding: 5px 4px;} div.audience label { margin-top: 4px;position: absolute;} div.audience label span { margin: 0 4px 0 3px;} div.audience input[type="checkbox"] { margin-top: 5px;} .message a.button-add {color:#fff;text-decoration:none;} a.button-add, a.button-edit, a.button-save, a.button-send {color:#fff; text-decoration:none; clear:both;} .button-add, .button-edit, .button-send, .button-save { display: table; margin: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; padding: 10px 20px; background: -moz-linear-gradient( top, #5098d3 0%, #195b91); background: -webkit-gradient( linear, left top, left bottom, from(#5098d3), to(#195b91)); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #6696ba; -moz-box-shadow: 0px 1px 3px rgba(014,051,080,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(014,051,080,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 0px 2px 0px rgba(040,063,081,0.8), 1px -1px 0px rgba(034,064,088,0.2); } /* ================================== */ /* ============ tables ============== */ /* ================================== */ table.users tr:hover { background: -moz-linear-gradient( top, #dfedca 0%, #b4e364); background: -webkit-gradient( linear, left top, left bottom, from(#dfedca), to(#b4e364)); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #bde084; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); border-collapse:collapse; cursor:default;} table.users tr td {padding:3px;} table.users th {cursor:pointer;} table.mail div.col-1 {/*margin: 0 20px 0 120px;*/} table.mail .size {width:100px; display:block;} /* ================================== */ /* ============ Voites ============== */ /* ================================== */ div.voite-result { width:700px;display: block; text-align: center;} div.voite-result div.title {font-size: 16px;font-weight: bold; margin-bottom: 10px;} div.voite-result div.date {font-size: 10px;font-weight: bold; margin-bottom: 10px;} div.voite-result div.text {margin-bottom: 20px;} div.container {display:table;margin: auto;} div.voite-result div.row {text-align:left;} div.voite-result .results .row {width:640px;margin: 10px 0;} div.voite-result .results .row .title {width:150px;padding: 4px 0;text-align:right; color: #737373; font-family: arial;font-size: 12px;background:none;} div.voite-result .results .row .col {width:400px; } div.voite-result .results .row .result {float:right; margin: 0px 5px 2px 0; color:#fff; padding:0px;} div.voite-result .results .row .percent {font-weight: bold; border-right: 1px solid; padding-right: 10px;} div.voite-result .results .total {margin-top: 10px;} div.voite-result .results .row .line { margin: 0 10px; float:left; padding: 2px 0; background: -moz-linear-gradient( top, #5098d3 0%, #195b91); background: -webkit-gradient( linear, left top, left bottom, from(#5098d3), to(#195b91)); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #6696ba; -moz-box-shadow: 0px 1px 3px rgba(014,051,080,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(014,051,080,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 0px 2px 0px rgba(040,063,081,0.8), 1px -1px 0px rgba(034,064,088,0.2); } table.voite-report-by-option {margin: 20px 0 0 0;} table.voite-report-by-option .title { width:187px; text-align:right; border-right: 1px solid; font-weight: bold; padding-right: 10px; } table.voite-report-by-option .colspan {background:#F2F1F0;} table.voite-report-by-option {font-size:10px;} table.voite-report-by-option tr td {padding:5px;} /* ================================== */ /* ============ Mail ============== */ /* ================================== */ table.mail div.group,table.mail div.interest { width:600px; padding:10px; background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 50%, #d6d6d6); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#d6d6d6)); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #bdbdbd; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0); text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0); } /* ======================= Pager ==================== */ .pager {margin: 10px 0;} .pager a { font-size:14px; font-weight:normal; text-decoration:none; border:solid 1px #4D94CF; color:#05507d; padding:2px; margin-left:1px; } .pager a:hover { background-color:#4D94CF; color:#FFF; } .pager .begin { color:#CCC; border:solid 1px #CCC; cursor: default; font-size:14px; font-weight:normal; text-decoration:none; padding:3px;} .pager .begin:hover, .pager .end:hover {background:#fff; color:#FFF; } .pager .begin-active { color:#336699; border:solid 1px #4D94CF; } .pager .prev a { color:#999999; font-size:14px; font-weight:normal; padding-bottom:0; } .pager .prev-active { background-color:#EAEAEA; color:#336699; border:solid 1px #C1C1C1; } .pager .numbers { color:#05507d;} .pager .numbers-active { background-color:#4D94CF; color:#FFF; } .pager .next a { color:#999999; font-size:14px; font-weight:normal; } .pager .next-active { background-color:#EAEAEA; color:#336699; border:solid 1px #C1C1C1;} .pager .end { color:#CCC; border:solid 1px #CCC; cursor: default; font-size:14px; font-weight:normal; text-decoration:none; padding:3px;} .pager .end-active {color:#336699; border:solid 1px #4D94CF; }