html, body {width:100%; height:100%; margin:0; padding:0;}
body {font:12px/150% Tahoma, Geneva, sans-serif; color:#333; background:#fff;}

img {border:none;}
a, input, textarea {outline:none;}
a:link { color:#36c; text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited { color:#69c;}

h2 { font-size:18px; color:#036; font-weight:normal; margin:0; padding:20px 0;}
h3 { font-size:18px; font-weight:normal; margin:0; padding:20px 0;}

select.styled { position: relative; width: 223px; opacity: 0; filter: alpha(opacity=0); z-index: 5;}

/*
STRUCT
==================================================================================================================*/
#wrap { width:100%; height:auto; min-height:100%; background:#fff;}
* html #wrap {height:100%;}
.pad  { padding:0 0 100px;}
.cont {width:800px; margin:0 auto;}
.cont:after {content:' '; display:block; width:0; height:0; overflow:hidden; clear:both; font-size:0;}
#footer {height:79px; margin:-100px 0 0; padding:20px 0 0;}

/*
HEADER
==================================================================================================================*/
#header { background:#1f1f52 url(/images/header_bg.png) repeat-x; border-top:#99c 1px solid; border-bottom:#369 1px solid; height:58px; padding:10px 0 0; color:#fff;}
#header h1 {width:226px; height:47px; margin:0; padding:0; overflow:hidden; display:block;}
#header h1 a {width:226px; height:47px; display:block; font-size:25px; line-height:45px; font-style:italic; color:#fff; text-decoration:none; position:relative; overflow:hidden;}
#header h1 a img{ position:absolute; top:0; left:0;}
#header span{ position:relative; top:-27px; left:246px; width:343px; height:11px; display:block; overflow:hidden; font-size:11px; line-height:11px;}
#header span img{ position:absolute; top:0; left:0;}

#heading { background:#b5d8fc url(/images/heading_bg.png) repeat-x; height:59px; border-bottom:1px solid #369;}

/*
SLOGAN
==================================================================================================================*/
#slogan {height:102px; border-bottom:1px solid #336699; background:#aed5fd url(/images/slogan_bg.png) repeat-x;}
#slogan h2{ margin:0; padding:20px 0 0; font-size:24px; font-weight:normal; line-height:30px; color:#036;}

/*
WIS
==================================================================================================================*/
#wis { background:#f3f9fd url(/images/wis_bg.png) repeat-x top; border-bottom:1px solid #a1c1e0;}
#wis:after {content:' '; display:block; widows:0; height:0; overflow:hidden; font-size:0; clear:both;}
#wis dl{ width:300px; padding:22px 0 2px; margin:0; float:left;}
#wis dl dt{ color:#003366; font-size:14px; font-weight:bold; padding:0 0 3px;}
#wis dl dd{ padding:0 0 20px; margin:0;}
#wis .preview{ background:url(/images/indexPreview_bg.jpg) no-repeat; width:468px; height:352px; float:right;  padding:0 0 5px; position:relative;}
#wis .preview .send{ background:#41a741; color:#fff; font-size:22px; font-style:italic; text-decoration:none; display:block; position:relative; top:259px; left:159px; width:177px; height:50px; text-align:center; padding:10px 0 0;}
#wis .preview .send img{ position:absolute; top:0; left:0;}
#wis .preview .desc{ color:#369; font-size:11px; line-height:11px; text-align:center; position:relative;top:263px;left:170px; width:160px; display:block;}
#wis i{ display:block; position:absolute;}
#wis .txt1{ background:url(/images/txt1.png) no-repeat; width:272px; height:94px; top:148px; left:122px;}
#wis .txt2{ background:url(/images/txt2.png) no-repeat; width:287px; height:109px; top:148px; left:117px;}
#wis .txt3{ background:url(/images/txt3.png) no-repeat; width:281px; height:90px; top:148px; left:122px;}
#wis .txt4{ background:url(/images/txt4.png) no-repeat; width:285px; height:75px; top:160px; left:113px;}
#wis .txt5{ background:url(/images/txt5.png) no-repeat; width:288px; height:72px; top:148px; left:114px;}
#wis .txt6{ background:url(/images/txt6.png) no-repeat; width:272px; height:70px; top:148px; left:122px;}


/*
MORE INFO
==================================================================================================================*/
#moreInfo { overflow:hidden; width:100%; margin:0 0 25px;}
#moreInfo h3{ padding:20px 0 15px;}
#moreInfo ul{ list-style: none outside; margin:0; padding:0;}
#moreInfo ul li{float:left; background:url(/images/bullet.gif) no-repeat; padding:0 0 5px 20px; margin:0 20px 0 0; line-height:16px; height:16px;}
#moreInfo ul li a:link, #moreInfo ul li a:visited {text-decoration:none; border-bottom:1px dashed; color:#36c;}
#moreInfo ul li a:hover {border:none;}

/*
FRIENDS
==================================================================================================================*/
#friends { margin:0 0 50px;}
#friends h3 { padding:10px 0 13px;}
#friends .cont{ width:820px; border:1px solid #9cf; padding:0 0 0 13px;}
#friends ul{ list-style:none outside; margin:0; padding:0; font-size:11px; overflow:hidden; width:800px;}
#friends ul li{ float:left; line-height:11px; padding:0 0 20px; width:180px; margin:0 20px 0 0;}
#friends ul li.last {margin:0 -10px 0 0;}
#friends ul li img { margin:0 0 3px;}
#friends ul li span{display:block;}
#friends ul li span b{color:#999; display:block;}

/*
CREATE
==================================================================================================================*/
.createLeftCol { width:496px; float:left; padding:0 0 40px; position:relative;}
.createLeftCol h3 { padding:20px 0 10px;}
.createLeftCol input, .createLeftCol textarea, .createLeftCol span.select {border:1px solid #9cf; font-family:"Courier New", Courier, monospace; text-transform:uppercase; font-size:14px; letter-spacing:0.15em;}
.createLeftCol textarea{ width:464px; height:81px; padding:10px; background:#f9fcfe url(/images/textarea_bg.png) repeat-x;}
* html .createLeftCol textarea {background-attachment:fixed;}
.createLeftCol .signature{ background:url(/images/signature_bg.png) repeat-x; width:464px; height:18px; padding:10px; margin:0 0 25px;}
.createLeftCol input{ background:url(/images/input_bg.png) repeat-x; height:19px; width:223px; padding:3px 1px;}
.createLeftCol select { padding:2px 0;}
.createLeftCol span.select{position: absolute; overflow:hidden; background:url(/images/select_bg.png) no-repeat top right; height:19px; width:203px; padding:3px 20px 3px 1px;}
.createLeftCol table{ width:496px; table-layout:fixed; border-collapse:collapse;}
.createLeftCol table td {padding:0 0 0px; height:53px; vertical-align:top;}
.createLeftCol table td.left{ width:258px;}
.createLeftCol label{ display:block; padding:0 0 7px; line-height:10px;}
.createLeftCol .street{width:223px;}
.createLeftCol .house{width:50px;}
.createLeftCol .building{width:50px;}
.createLeftCol .construction {width:50px;}
.createLeftCol .flat{ width:45px;}
.createLeftCol .wordsCount{ padding:5px 0;}
.createLeftCol .wordsCount span{border:1px solid #9cf; background:url(/images/wordsCount_bg.gif) repeat-x; padding:0 6px; display:inline-block; position:relative; top:1px;}
.createLeftCol .finish{ width:148px; height:41px; background:url(/images/finish_btn.png) no-repeat; border:none; cursor:pointer;}
.createLeftCol table.recipient-address{ margin:10px 0 0;}
.createLeftCol table.recipient-name{}
.createLeftCol table.recipient-name td{ width:33%}
.createLeftCol table.recipient-name input{ width:150px;}
.createLeftCol .address-type{ margin:0; padding:0 0 0 170px; position:absolute; top:15px; border-bottom:1px solid #777; width:314px;}
.createLeftCol .address-type li{ float:left; list-style:none outside; border: solid #ccc; border-width:1px 1px 0; background:#f6f6f6; margin:0 7px 0 0; height:22px; padding:3px 13px; cursor:pointer; font-size:14px; color:#999; position:relative; bottom:-1px;border-bottom:1px solid #777; }
.createLeftCol .address-type li.act{ background:#fff; border-color:#777; color:#333; border-bottom:1px solid #fff;}

.createRightCol {width:285px; float:right; padding:45px 0 0;}
.createRightCol .block{ width:263px; padding:4px 10px 6px; margin:0 0 30px; border:1px solid #ccc; color:#369;}
.createRightCol .block p{ padding:3px 0; margin:0;font-size:12px; line-height:14px;}

/*
PREVIEW
==================================================================================================================*/
.preview {}
.preview h3{ padding:25px 0 10px;}
.preview-text { position:relative; left:-5px; background:#e3e3db url(/images/preview_bg.jpg) no-repeat; width:575px; height:412px;font-family:"Courier New", Courier, monospace; text-transform:uppercase; font-size:14px; letter-spacing:0.05em; line-height:130%; color:#000;}
.preview-text .address{ position:absolute; top:179px; left:160px; display:block; width:360px;}
.preview-text .message{position:absolute; top:256px; left:160px; display:block; width:360px;}
.preview-text .recipient{position:absolute; top:343px; left:150px; display:block; text-align:right; width:370px;}
.preview-controls { overflow:hidden; padding:0 0 30px;}
.preview-controls a {width:148px; height:31px; padding:10px 0 0; color:#fff; font-size:17px; font-style:italic; text-align:center; text-decoration:none; display:block; overflow:hidden; float:left; margin:0 25px 0 0; position:relative;}
.edit_btn {background:#7cafe2;}
.send_btn {background:#393;}
.preview-controls a img {position:absolute; top:0; left:0;}

/*
SEND
============================================================================================*/
.send { width:498px;}
.send h3{ padding:25px 0 10px;}
.send .sms-code{ background:#fff5e1 url(/images/sms_code_cont.png) repeat-x; width:458px; border:2px solid #c63; padding:15px 18px;}
.send .sms-code span{ display:block; font-size:18px; line-height:18px; clear:both;}
.send .sms-code span big{ font-size:18px; color:#600;}
.send .sms-code .code{ font-size:36px; line-height:36px; color:#600; float:left; background:#f6f6f6 url(/images/code_bg.png) left no-repeat; height:69px; margin:14px 0 9px;}
.send .sms-code .code strong {width:310px;}
* html .send .sms-code .code {width:1%;}
.send .sms-code .code strong{font-weight:normal; display:block; height:39px; background:url(/images/code_r.png) no-repeat right; padding:15px 10px;}
.send .sms-code p.nospace{ color:#630; font-size:11px; width:110px; float:left; padding:0 0 0 15px; margin:20px 0 0; text-align:right;}
.send .sms-desc{ padding:20px 0;}
.send .sms-desc p{ margin:0; padding:0 0 10px;}
.send .sms-desc ul { margin:0; padding:0 0 0 20px; list-style:outside;}
.send .sms-desc ul li{ line-height:13px; padding:0 0 5px;}
.send hr {width:100%; color:#CC6633; border:1px solid; clear:both; margin:5px 0 0;}
.sale { width:auto; padding:0 0 5px 10px; line-height:16px; overflow:hidden;}
.sale  span{ display:block; background:url(/images/bonus_star.png) no-repeat; width:65px; height:65px; margin:15px 0 0; color:#fff; text-align:center; float:left;}
.sale span b{display:block; padding:15px 0 0;}
.sale p { margin:10px 0 0 80px; padding:20px 0 0px; font-size:12px;}


/*
WIN
==================================================================================================================*/
.win{position:fixed; top:50%; left:50%; width:500px; height:400px; margin:-200px 0 0 -250px; z-index:1002; display:none; background:#fff; border:3px solid #369;}
* html .win{ position:absolute; top: expression(parseInt(document.documentElement.scrollTop, 10)+ document.documentElement.clientHeight/2 + "px");}
.win h4{background:#b5d8fc url(/images/heading_bg.png) repeat-x; border-bottom:1px solid #369; font-size:18px; font-weight:normal; color:#036; margin:0; padding:20px;}
.win .text{ padding:20px 20px; height:300px; overflow:auto; position:relative;}
.win .text p{padding:0 0 10px; margin:0;}
.win .close{ display:block; position:absolute; top:19px; right:10px;  width:20px; height:20px; text-decoration:none;}
.win .close img {color:#000; font-size:18px; font-weight:bold;}

/*
WARNING
==================================================================================================================*/
#warning {height:200px; width:450px; margin:-100px 0 0 -385px; display:block;z-index:10003}
#warning .close { top:8px;}
#warning .ok { display:block; margin:30px auto 0; width:118px; height:41px; background:url(/images/ok_btn.png) no-repeat; border:none; cursor:pointer;}
.win .warning { font-size:14px; text-align:center; height:120px;}
.win .warning img{ vertical-align:middle; margin:0 10px 0 -30px;}
.win .warning span {}
.win .win-header {background:#b5d8fc url(/images/heading_bg.png) repeat-x; border-bottom:1px solid #369; height:35px;}

/*
FEEDBACK
==================================================================================================================*/
#feedback { height:540px; margin-top:-270px;}
#feedback .text {height:460px;}
#feedback form{ margin:0; padding:0;}
#feedback span.select{position:absolute; overflow:hidden; background:url(/images/select_bg.png) no-repeat top right; height:19px; width:203px; padding:3px 20px 3px 1px; border:1px solid #9cf;}
* html span.select {display:none;}
* html #feedback select { visibility:visible!important;}
#feedback fieldset{ border:none; padding:0; margin:0;}
#feedback label{ display:block; padding:10px 0 3px;}
#feedback label span{ padding:0 0 0 10px; color:#f00;}
#feedback input{background:url(/images/input_bg.png) repeat-x; height:19px; width:223px; padding:3px 1px; border:1px solid #9cf;}
#feedback textarea {width:364px; height:50px; padding:10px; background:#f9fcfe url(/images/textarea_bg.png) repeat-x;border:1px solid #9cf;}
#feedback .send {width:auto; height:auto; border:none; margin:10px 0 0;}

/*
WHAT
==================================================================================================================*/
#what h5 {font-size:14px; font-weight:bold; color:#369; padding:20px 0 10px; margin:0;}
#what dl { padding:0 0 10px; margin:0;}
#what dt { margin:0; padding:0; font-weight:bold;}
#what dd { padding:0 0 10px; margin:0;}

/*
FOOTER
==================================================================================================================*/
#footer {font-size:11px;background:#f6f6f6; border-top:1px solid #ccc;}
#footer p{ padding:0 0 10px; margin:0; line-height:12px;}
#footer a:link, #footer a:visited{ text-decoration:none; border-bottom:1px dashed; color:#36c;}
#footer a:hover {border:none;}
#footer .bottomMenu { margin:0; padding:0;}
#footer .bottomMenu li{ float:left; list-style:none outside;}
#footer .bottomMenu span{ padding:0 10px;}
#footer .counters{ float:right; width:200px;}
#footer .counters a{border:none;}
#footer .counters .mail {width:88px; height:31px; float:right; margin-left:5px;}
#footer .counters .li {width:88px; height:31px; float:right; margin-left:5px;}