@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url('../fonts/DosisNormal400.woff') format('woff');
}

body { background-color:#fff;/*background:#f7f5f6 url(../images/back_bg.jpg) repeat;*//*font-family: "helvetica neue",arial,sans-serif;*/ font-family: "Dosis", serif; min-width:904px;
/*       _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<904?"904px":"")*/
       word-wrap:break-word;
}
select{-webkit-appearance: none; background: url(../images/select_down-arrow.gif) 96% center no-repeat !important;}
.row { margin:0 auto; }
.row_head { width:950px; margin:0 auto; }
.fl-l { float:left; }
.fl-r { float:right; }
.mg-r { margin-right:10px; }
.mg-l { margin-left:10px; }
.mg-b { margin-bottom:10px; }
.pd-b { padding-bottom:10px; }
.pd-r { padding-right:10px; }
.pos-r { position:relative; }
.pos-a { position:absolute; }
.bd-t-d { border-top:dashed 1px #ccc; }
.w950 { width:950px; }
.shadow { box-shadow:0px 2px 2px lightgray; -webkit-box-shadow:0px 2px 2px lightgray; }
/* head - star */
.head { width:100%; height:32px; background:#c73d30 url(../images/bg-head.gif) 0 0 repeat-x; z-index:830; }
.head .logo { width:79px; height:32px; padding:0 63px 0 0; float:left; overflow:hidden; }
.head .logo img { width:79px; height:32px; }
.head .search { position:relative; width:200px; padding:4px 0 0 0; height:24px; text-align:left; float:left; overflow:hidden; }
.head .search input { width:198px; height:22px; padding-left:7px; border-top:solid 1px #cb2709; border-right:solid 1px #c6443c; border-bottom:solid 1px #c6443c; border-left:solid 1px #c6443c; line-height:22px; background:#fff url(../images/shadow-t-2px.gif) 0 0 repeat-x; }
.head .search #btn-search { position:absolute; display:block; width:28px; height:22px; right:0; bottom:1px; text-indent:-5000px; background: url(../images/btn-search.png) 7px 3px no-repeat; }
.head .search .loading-search { display:none; position:absolute; right:4px; top:7px; }
.head .rt { float:right; }
.head .rt .btn { position:relative; height:32px; line-height:32px; float:right; }
.head .rt .btn .arrow span { display: inline-block; zoom:1; padding-right:11px; background: url(../images/arrow-wt-d.gif) right center no-repeat; }
.a-1-0,
.a-2-0,
.a-3-0,
.a-4-0 { position:relative; display:inline-block; zoom:1; height:32px; padding:0 9px; text-decoration:none; color:#fff; font-weight:bold; text-shadow:#801d1a 0px 1px 1px; }
a.a-1-0:hover,
a.a-2-0:hover,
a.a-3-0:hover,
a.a-4-0:hover { text-decoration:none; background-color:#b33; }
.a-2 .drop-down,
.a-3 .drop-down { right:0; top:31px; }
.a-3-0 { position:relative; padding-left:40px; }
.a-3-0 img { position:absolute; top:1px; left:5px; }
.l-1 { padding-left:5px; }
.l-1 .drop-down { right:0; top:31px; }
.l-1-0 { display:block; width:16px; height:11px; line-height:11px; padding:10px 3px 11px 3px; color:#fff; background: url(../images/btn-language.png) 0 5px no-repeat; }
.l-1-0 em { display:block; width:16px; height:11px; text-indent:-5000px; background-image:url(../images/flags.png); overflow:hidden; }
a.l-1-0:hover,
.l-hover { text-decoration:none; background-position:0 -45px; }
/*
--------------------------------------------------*/

.nav {  height:25px;  text-align:center;  /* background: url(../images/drop-down.gif) 0 0 repeat-x; */ z-index:810; }
.about{background: url(../images/drop_down.gif) center right no-repeat;z-index: 810;padding-right: 10px;}
#pin-header-menu .LoginNav {background: url(../images/drop_down.gif) center right no-repeat;  display:block;padding-right: 10px;}
.nav .nav_main { display:inline-block; zoom:1; height:31px; margin:0 auto; }
.nav .nav_main .btn { position:relative; height:31px; padding:0 16px; line-height:31px; white-space:nowrap; float:left; }
.nav .nav_main .btn .n-1 { display:block; height:31px; color:#333; float:left; }
.nav .nav_main .btn a.arrow { padding-right:10px; background: url(../images/arrow-bk-d.gif) right center no-repeat; }
.nav .nav_main .btn a:hover { text-decoration:none; color:#000; }
.nav .nav_main .n-invite { padding-top:2px; }
.nav .nav_main .n-invite a { display:block; height:24px; padding:0 10px; line-height:24px; border:solid 1px #a74f44; border-radius: 3px; box-shadow:0px 1px 2px lightgray; -webkit-box-shadow:0px 1px 2px lightgray; background:#e6564d; color:#fff; }
.nav .nav_main .n-invite a:hover { color:#fff; background-color:#eb4034; }
.nav .nav_main .n-invite a:active { background-color:#c73f33; }
.nav .nav_main .d-1 ul.drop-down { left:0; top:31px; }
/*
--------------------------------------------------*/
.warn { position:relative; width:882px; height:80px; margin:0 auto; text-align:center; z-index:510; }
.warn .wrap-1,
.warn .wrap-2,
.warn .wrap-3 { position:absolute; border-right:solid 1px #998f7b; border-bottom:solid 1px #998f7b; border-left:solid 1px #998f7b; border-radius:0 0 6px 6px; background: url(../images/bg-yl.png) 0 0 repeat; }
.warn .wrap-1 { width:880px; height:67px; z-index:513; left:0; }
.warn .wrap-2 { width:876px; height:70px; z-index:512; left:2px; }
.warn .wrap-3 { width:870px; height:72px; left:5px; box-shadow:0px 2px 5px #888; -webkit-box-shadow:0px 2px 5px #888; z-index:511; }
.warn .welcome { width:520px; height:55px; padding-top:12px; color:#a67a21; text-shadow: 0 1px 1px #fff; float:left; }
.warn .btn { padding-top:16px; float:left; }
.warn .btn .btn-request,
.warn .btn .btn-s5 { float:left; }
/*

--------------------------------------------------*/
.fixed .head { position:fixed; top:0; left:0; }
/*.fixed .nav { position:fixed; left:0; top:32px; }*/
.fixed .warn { position:fixed; left:50%; margin:0 auto 0 -441px; top:65px; }
.fixed .mission { position:fixed; left:0; top:32px; }
.index.mission { top:65px; }
#nacmain { width:100%; }
#holdposition1 { height:32px; }
#holdposition2 { height:33px; }
#holdposition3 { height:80px; }
#holdposition4 { height:30px; }
/* head - end */





/* Drop result - start */
.drop-result { display:none; position:absolute; min-height:35px; _height:35px; padding:5px 5px 0 5px; border:solid 1px lightgray; border-radius: 3px; box-shadow:0px 2px 2px lightgray; -webkit-box-shadow:0px 2px 2px lightgray; background:#fff; z-index:860; }
.drop-result li { position: relative; height:30px; padding:0 0 5px 35px; line-height:30px; }
.drop-result li a { color:#666; }
.drop-result li img { position:absolute; margin-left:-35px; }
/* Drop result - end */

/*drop-down - start*/
ul.drop-down { position:absolute; display:none; padding:10px 0; border-bottom:solid 1px #b43b33; text-align:left; background:#fff; white-space:nowrap; z-index:910; box-shadow: 0 2px 4px lightgray; -webkit-box-shadow:#999 0 2px 4px; }
ul.drop-down span { display:inline-block; zoom:1; text-align:left; vertical-align:top; }
ul.drop-down a { display:block; height:24px; padding:0 30px; color:#666; line-height:24px; text-decoration:none; }
ul.drop-down a:hover { background:#eee; color:#bf0a00; text-shadow:1px 0 0 #bbb; }
ul.drop-down a:active,
.nav .nav_main .btn ul.drop-down a:active { background:#bf3730; color:#fff; text-shadow:1px 0 0 #ffcfcc; }
ul.drop-down a.underline { border-bottom:solid 1px #eee; }
/*drop-down - end*/

/*select country - start*/
.s-country { position:absolute; display:none; width:424px; border-radius: 3px; background:#fff; z-index:910; }
.s-country dt { height:27px; line-height:27px; color:#666; text-shadow: 0 1px 1px #fff; border-bottom:solid 1px #cfcfcf; background: url(../images/bg-s-language.gif) 0 0 repeat-x; }
.s-country dd { padding:8px 2px; overflow:hidden; }
.s-country dd span { display:block; width:139px; border-left:solid 1px #eee; float:left; }
.s-country dd span.noline { width:140px; border:0 none; }
.s-country dd span a,
.s-country dd span strong { display:block; width:130px; height:11px; padding:8px 0 8px 10px; text-align:left; line-height:11px; color:#666; overflow:hidden; }
.s-country dd span strong { font-weight:bold; border-bottom: dashed 1px #ccc; }
.s-country dd span a:hover { text-decoration:none; color:#000; background:#efefef; }
.s-country dd span a em { display:block; width:16px; height:11px; line-height:11px; text-indent:26px; white-space:nowrap; background-image: url(../images/flags.png); box-shadow:0px 1px 2px lightgray; -webkit-box-shadow:0px 1px 2px lightgray; }
.ar em { background-position: -200px 0px; }
.at em { background-position: -240px 0px; }
.au em { background-position: -260px 0px; }
.be em { background-position: -60px -15px; }
.br em { background-position: -240px -15px; }
.cn em { background-position: -260px -30px; }
.de em { background-position: -80px -45px; }
.dk em { background-position: -120px -45px; }
.es em { background-position: 0px -60px; }
.fr em { background-position: -160px -60px; }
.fi em { background-position: -60px -60px; }
.gb em { background-position: -200px -60px; }
.gr em { background-position: -100px -75px; }
.hk em { background-position: -220px -75px; }
.id em { background-position: -20px -90px; }
.in em { background-position: -80px -90px; }
.it em { background-position: -180px -90px; }
.jp em { background-position: -240px -90px; }
.kr em { background-position: -80px -105px; }
.my em { background-position: -140px -135px; }
.nl em { background-position: -300px -135px; }
.no em { background-position: 0px -150px; }
.pl em { background-position: -240px -150px; }
.ph em { background-position: -200px -150px; }
.pt em { background-position: -20px -165px; }
.ru em { background-position: -160px -165px; }
.se em { background-position: -300px -165px; }
.sg em { background-position: 0px -180px; }
.tr em { background-position: -160px -195px; }
.tw em { background-position: -220px -195px; }
.th em { background-position: -20px -195px; }
.us em { background-position: 0px -210px; }
.vn em { background-position: -160px -210px; }
.ca em { background-position: -60px -30px; }
.cl em { background-position: -220px -30px; }
.co em { background-position: -280px -30px; }
.mx em { background-position: -120px -135px; }
.za em { background-position: -300px -210px; }
/*select country - end*/


#wrapper {
position: relative;
width: 980px;
margin: 0 auto;
border: none;
background: url(/templates/ja_teline_iv/images/stripe-bg-2.png) #ddd;

}
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000;
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

#wrapper #container{margin:0 auto;top:10px}
.mainbody { padding:13px 0 0 0; }
.d-main { width:950px; margin:0 auto; }
/*pin - start*/
.pin { width:179px;/*224px;*/ margin:0 14px 14px 0; font-size: 14px; text-align:left;
      /*font-family: "helvetica neue",arial,sans-serif;*/
      font-family: "Dosis", serif;
      box-shadow: 0 1px 3px rgba(34,25,25,0.4);
      -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
      -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
      background-color:#FFF; float:left; }
.pin .pic { position:relative; /*width: 170px;*/ padding: 15px 15px 5px; text-align:center; }
.pin .pic .pin_pic_img_a { display:inline-block; zoom:1; max-width: 140px;/*194px;*/ font-size:0px; color:transparent; background-color:#FFF; }
.pin .video_thumb {position:relative}
.play_button{position: absolute;
top: -604%;
left: 39%;
width: 50px;
height: 50px;}
.pin .pic .layer-bg { width:200px; position:absolute; left:8px; top:8px; z-index:10; }
.pin .pic .layer-bg .white { width:200px; height:26px; background:#c6443c; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; }
.hover .btns { display:block; }

.pic_show_functional .btns{display: block;}
.pic_show_functional:hover .btns{display: block;}
.btns {width: 160px;top: 8px;left: 12.5px;position: absolute;}
.btns a:hover{text-decoration: none;}
.btn-pinlist a{color: #666060;text-shadow: 0 1px rgba(255, 255, 255, 1);font-size: 11px; font-weight:bold;}
.btn-pinlist{ position: absolute; display:inline-block; zoom:1; text-align:left;
position: relative;
z-index: 1;
padding: 4px 6px 4px 0px;
border: 1px solid rgba(140, 126, 126, 0.5);
border-radius: 6px;
color: #524D4D;
font-weight: bold;
/*font-family: "helvetica neue",arial,sans-serif;*/
font-family: "Dosis", serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 1px rgba(255,255,255,0.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
border-color: #C3C3C3;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));
background: -moz-linear-gradient(center top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background: -o-linear-gradient(top left, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');
/*background: url(../images/pin_img.png) 3px center no-repeat;*/
}
.btn-like a.pin_like, .report_like{background: url(../images/pin_like.png) 7px center no-repeat; padding:0 0 0 19px;}
.btn-comment a{background: url(../images/pin_comment.png) 4px center no-repeat; padding:0 0 0 15px;}
.btn-repin a, .report_repin{background: url(../images/pin_pin.png) 3px center no-repeat; padding:0 0 0 16px;}
.btn-like a.pin_unlike{background: none; padding:0 0 0 5px;}
.btn-like{float: right; margin-left: 7px;}
.btn-comment{float: right;margin-left: 5px;}
.btn-repin {margin: 0 0% 0 0px; float: left;}
.btn-pinlist .b-wrap { position:absolute; z-index:101; }
.btn-pinlist .b-wrap a { display:block; text-indent:-5000px; overflow:hidden; }
.btn-pinlist .b-bg { position: absolute; border: solid 1px #000; border-radius: 4px; -webkit-box-shadow: 0 1px 1px #000; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; z-index:100; }
.btn-pinlist:hocer .b-bg {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.55;
}
.btn-pinlist:active .b-bg { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
/*.btn-repin { width:42px; height:32px; top:2px; left:2px; }*/
.btn-repin .b-wrap,
.btn-repin .b-wrap a { width:42px; height:32px; background-position:14px 4px; }
.btn-repin .b-bg { width:40px; height:30px; }
/*.btn-like,
.btn-unlike,
.btn-edit { width:28px; height:24px; top:2px; right:32px; }*/
.btn-like .b-wrap,
.btn-unlike .b-wrap,
.btn-edit .b-wrap,
.btn-like .b-wrap a,
.btn-unlike .b-wrap a,
.btn-edit .b-wrap a { width:28px; height:24px; background-position:3px -44px; }
.btn-unlike .b-wrap a { background-position:3px -94px; }
.btn-edit .b-wrap a { background-position:3px -145px; }
.btn-like .b-bg,
.btn-unlike .b-bg,
.btn-edit .b-bg { width:26px; height:22px; }
/*.btn-comment { width:28px; height:24px; top:2px; right:2px; }*/
.btn-comment .b-wrap,
.btn-comment .b-wrap a { width:28px; height:24px; background-position:3px -195px; }
.btn-comment .b-bg { width:26px; height:22px; }
.pin .text { padding: 0 15px 0; line-height:15px; color: #211922; overflow:hidden; }
.pin .statistics { padding: 2px 15px 5px; /*border-bottom:solid 1px #eae8e3; */color:#aaa89f; }
.pin .statistics a { color:#777; padding-right:2px; }
.pin .statistics span { padding-right:4px; }
.pin .statistics .likes { padding-left:10px; background:url(../images/icn-like.gif) 0 3px no-repeat; }
.pin .activity .users { color:#828282; font-family:inherit; font-weight:bold; }
.pin .activity .actions { color:#828282; font-family:inherit; font-weight:normal; }
/*price - start*/
.pin .price,
.pin-pic .price { position:absolute; width:68px; height:22px; padding:0 9px 4px 5px; left:-5px; top:28px; line-height:22px; text-align:center; background: url(../images/bg-price.png) 0 0 no-repeat; z-index:90; overflow:hidden; }
.pin .price em,
.pin-pic .price em { font-weight:bold; color:#666; }
/*price - end*/

/*hover ?*/
.pin.hover .pic { background-color:#FcF0F0; }
.pin.hover .pic img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.pin .pic a:active img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
/*pin - end*/

/*mini-pinboard - start*/
.mini-pinboard { width:216px; margin:0 10px 10px 0; background-color:#FFF; box-shadow:0px 1px 3px #ccc8c2; -webkit-box-shadow:0px 1px 3px #ccc8c2; overflow:hidden; }
.mini-pinboard .title { width:200px; height:16px; padding:17px 8px 9px 8px; line-height:16px; text-align:left; color:#333; }
.mini-pinboard .board-group { width:182px; padding-right:26px; background: url(../images/icn-group.png) 189px 14px no-repeat; }
.mini-pinboard .title a { color:#333; }
.mini-pinboard ul { padding:0 0 0 4px; overflow:hidden; }
.mini-pinboard li { position: relative; width:63px; height:63px; margin:3px 1px 2px 4px; float:left; }
.mini-pinboard li img { display:block; width:62px; height:62px; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; border:solid 1px lightgray; overflow:hidden; }
.mini-pinboard li.activated { width:64px; height:64px; margin:2px 1px 0px 3px; }
.mini-pinboard li.activated img { border:solid #FF6600 2px; }
.mini-pinboard .btn-follow { padding:8px; }
/*mini-pinboard - end*/
.side-board .mini-pinboard .position { position:relative; padding:8px 40px 7px 40px; color:#333; }
.side-board .mini-pinboard .position p { color:#666; }
.side-board { width: 216px; margin-right:10px; }
.side-board .mini-pinboard .title { height:auto; text-align:left; }
.fix { position:relative; margin:0 auto; padding-left:216px; }
.fix-side { position:absolute; left:-10px; top:9px; }
#hold-side { position:fixed; top:125px; *margin-left:-115px;
}
/*comments - start*/
.comments {
background-color: #F2F0F0;
overflow: hidden;
}
.comments ul.c-list {}

.comments ul.c-list li {position:relative; min-height:30px; padding: 5px 15px 6px 50px; color:#999; overflow:hidden;
border-top: 1px solid #D9D4D4;
box-shadow: inset 0 1px #fcfafa;
-moz-box-shadow: inset 0 1px #fcfafa;
-webkit-box-shadow: inset 0 1px #fcfafa;
}
.pin .comments li:first-child{border-top: none;
box-shadow: inset 0 0px #fcfafa;
-moz-box-shadow: inset 0 0px #fcfafa;
-webkit-box-shadow: inset 0 0px #fcfafa;
}
.avatar{float: left;}
.comments ul.c-list li img { position: absolute; display:block; margin-left:-35px; width:30px; height:30px; top:7px; overflow:hidden; }
.comments ul.c-list li a { color:#5d4d4d; font-weight:bold; }
.comments .area { margin-left:38px; }
.comments .area .user { color:#2B2B2B; font-family:inherit; font-weight:bold; }
.comments .area .text { color:#666; font-family:inherit; font-weight:normal; height: 50px; }
.comments .more {text-align:center; background:#f4f3ef;
border-top: 1px solid #D9D4D4;
box-shadow: inset 0 1px #fcfafa;
-moz-box-shadow: inset 0 1px #fcfafa;
-webkit-box-shadow: inset 0 1px #fcfafa;

}

#add-comment .button{box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 5px rgba(232,230,230,0.75);
-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 5px rgba(232,230,230,0.75);
-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 5px rgba(232,230,230,0.75);

border: 1px solid #C3C3C3;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));
background: -moz-linear-gradient(center top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background: -o-linear-gradient(top left, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');
color: #524D4D;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
margin: 5px 0px 5px 0;
padding: 2px 5px;
float: right;
font-weight: bold;
font-size: 11px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
}
#add-comment input[type="text"]{
padding: 4px 3px 3px;
font-size: 11px;
border: 1px solid #CCC;
width: 92%;
}
.comments .write { width:208px; padding:0 7px 0;
border-top: 1px solid #D9D4D4;
box-shadow: inset 0 1px #fcfafa;
-moz-box-shadow: inset 0 1px #fcfafa;
-webkit-box-shadow: inset 0 1px #fcfafa;
}
.comments .write .wrap { position:relative; padding:0 0 0 35px; position:relative; }
.comments .write .wrap img { width:30px; height:30px; position:absolute; margin-left:-35px; }
.comments .write .wrap p.input { height:28px; }
.comments .write .wrap p.input input { width:160px; height:28px; float:left; }
.comments .write .wrap p.input a { display:none; }
.comments .write .wrap p#add-comment input { width:125px; border: 1px #ececec solid; }
.comments .write .wrap p#add-comment a { display:block; width:30px; height:30px; padding-left:5px; text-indent:-5000px; background: url(../images/btn-comment.png) 5px 0 no-repeat; float:left; }
.comments .write .wrap p#add-comment a:hover { background-position:5px -50px; }
.comments .write .wrap p#add-comment a:active { background-position:5px -100px; }
/*comments - end*/

.scroll { position: fixed; padding:6px 10px; right:10px; bottom:0; border: solid 1px #cc2929; border-bottom: 0 none; border-radius: 5px 5px 0 0; background: #cc2929; z-index:450; opacity:0.95;}
div.scroll:hover { padding-bottom:7px; opacity:1;}
.scroll a { display:block; width: 30px; height:30px; text-align:left;text-indent: -20000px; background: url(../images/btn-scroll-to-top.png) center 8px no-repeat; border-radius:5px; float:left;}
.scroll a.btn-feed { background-position:center -92px;}
.scroll a:hover { box-shadow:1px 1px 1px #b02929; background-color:#d32929;}
.scroll a:active { box-shadow:1px 1px 1px #b02929 inset; background-color:#c92929;}
.scroll a.btn-scroll:active { background-position:center 9px;}
.scroll a.btn-feed:active { background-position:center -91px;}
.loading {background: #000 url(../images/page_loading.gif) no-repeat center center;
bottom: 40px;
color: white;
height: 70px;
left: 40%;
opacity: 0.8;
padding: 10px;
position: fixed;
width: 200px;
z-index: 5000;
border-radius: 10px;}
/*.loading { width:100%; position:fixed; left:0; bottom:0; height:30px; background:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }*/
.loading .wrap { width:200px; height:30px; font-weight:bold; letter-spacing:1px; line-height:30px; margin:0 auto; color:#FFF; }
/*Profile - start*/
.profile { width:216px; margin-bottom:20px; text-align:left; background-color:#FFF; box-shadow:0px 1px 3px #ccc8c2; -webkit-box-shadow:0px 1px 3px #ccc8c2; overflow:hidden; }
.profile .pic { width:200px; padding:8px; text-align:center; }
.profile .nickname { width:200px; padding:8px; text-align:center; }
.profile .nickname img { margin-left:5px; }
.profile .statistics { padding:8px 0; text-align:center; color:#999; }
.profile .statistics a { padding:0 5px 0 16px; color:#666; font-weight:bold; }
.profile .introduction { padding:8px; }
.profile .introduction p { padding:8px; background:#fcfcfc; border:solid 1px #f6f6f6; border-radius: 3px; overflow:hidden; }
.profile .share { padding:8px; overflow:hidden; border-bottom:solid 1px #f7f7f7; }
.profile .share a { display: block; width:24px; height:24px; margin-right:8px; text-indent:-5000px; float:left; background:url(../images/icn-f&t.gif) 0 0 no-repeat; }
.profile .share a.twitter { background-position:0 -50px; }
.profile .btn-follow { padding-left:8px; }
/*Profile - end*/

.r-search .pinboard-list .profile { padding-bottom:10px; margin:0 10px 10px 10px; float:left; }
.content { padding:0 0 0 10px; }
.content .subnav { height:39px; padding:5px 0 0 0; margin-right:10px; background:url(../images/bg-subnav.png) 0 -41px repeat-x; }
.content .subnav ul li { height:39px; float:left; }
.content .subnav ul li a { display:block; height:31px; padding:0 15px 8px 15px; line-height:31px; color:#59493f; text-decoration:none; overflow:hidden; }
.content .subnav ul li.activated a { border-left:solid 1px #e0dcd5; border-right:solid 1px #e0dcd5; color:#cc2929; font-weight:bold; background:url(../images/bg-subnav.png) center 31px repeat-x; }
.content .subnav ul li.words { padding-left:30px; line-height:31px; color:#666; }
.content .subnav ul li.words strong { padding-left:10px; font-weight:bold; color:#333; }
.content .pinboard-list { padding:15px 0 0 0; }
.r-search { padding:0; min-width:950px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<950?"950px":"");
}
.content .pinboard-list .noboard { position:relative; width:196px; height:261px; padding:10px; background:#faf5f0 url(../images/border-solid.png) 0 0 no-repeat; font-size:14px; color:#666; float:left; cursor:pointer; }
.content .pinboard-list .noboard div { display:block; position:absolute; width:184px; padding:5px; left:10px; top:42%; font-weight:bold; color:#333; }
.content .pinboard-list .noboard div span { display:inline-block; left:0; line-height:24px; }
/*page-next-pre - start*/
.btn-l,
.btn-r { position:absolute; width:20px; height:20px; top:8px; text-indent:-5000px; background: url(../images/btn-rl.png) 0 0 no-repeat; }
.btn-l { left:20px; background-position:0 -60px; }
a.btn-l:hover { background-position:0 -80px; }
a.btn-l:active { background-position:0 -100px; }
.btn-r { right:20px; }
a.btn-r:hover { background-position:0 -20px; }
a.btn-r:active { background-position:0 -40px; }
/*page-next-pre - end*/

/*pinboard-title - start*/
.board-title { width:100%; padding:0 0 20px 0; /*border-bottom:dashed 1px #d1cdc7;*/ }
.board-title .wrap { position:relative; }
.board-title .wrap .pinner { position:absolute; left:0; top:37px; }
.board-title .wrap .pinner a { display:block; float:left; }
.board-title .wrap .pinner .pinner-avatar { height:32px; padding:0 3px 0 2px; }
.board-title .wrap .pinner .pinner-avatar img { padding:1px; box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; background:#f5f5f5; }
.board-title .wrap .pinner .pinner-more { height:32px; padding:3px 3px 3px 2px; }
.board-title .wrap .pinner .pinner-more .more { display:block; height:20px; padding:3px 4px 1px 6px; line-height:20px; border:solid 1px #f5f5f5; border-radius: 2px; background:#f5f5f5; }
.board-title .wrap .pinner .pinner-more:hover .more { border-color:#fff; box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; background:#fff; }
.board-title .wrap .pinner .pinner-more:active .more { border-color:#b9b9b9; box-shadow: none; -webkit-box-shadow: none; background:#ddd; }
.board-title .wrap .pinner .pinner-name { height:30px; padding:0 0 0 6px; line-height:30px; color:#333; }
.board-title .wrap h2 { padding:20px 140px 0 140px; line-height:62px; }
.board-title .wrap .interaction { position:absolute; right:0; top:20px; }
.board-title .wrap .interaction div { height:22px; padding-top:4px; text-align:left; min-width:100px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<100?"100px":"");
}
.board-title .wrap .interaction div em { padding-right:10px; display:inline-block; }
.board-title .wrap .interaction div em span { padding-right:5px; color:#666; }
/*pinboard-title - end*/

.main-wrap .nopin { position:relative; width:196px; height:261px; padding:10px; background:#faf5f0 url(../images/border-solid.png) 0 0 no-repeat; font-size:14px; color:#666; float:left; cursor:pointer; }
.main-wrap .nopin div { display:block; position:absolute; width:184px; padding:5px; left:10px; top:42%; font-weight:bold; color:#333; }
.main-wrap .nopin div span { display:inline-block; left:0; line-height:24px; }
/*detail - start*/
.detail-main { width:720px; padding-bottom:20px; background: #FFF url(../images/bg-details.png) -720px bottom no-repeat; float:right; }
.detail-main .detail-pinner { position:relative; padding:20px 20px 20px 78px; text-align:left; border-bottom:solid 1px #eee; background: url(../images/bg-details.png) 0 top no-repeat; }
.detail-main .detail-pinner img { position:absolute; margin-left:-58px; top:25px; }
.detail-main .detail-pinner .p1 { width:640px; overflow:hidden;}
.detail-main .detail-pinner .p1 a { line-height:36px; }
.detail-main .detail-pinner .p1 span { padding:0 5px; line-height:36px; color:#8C7E7E; }
.detail-main .detail-pinner .p2 { color:#8C7E7E; }
.detail-main .d-top { height:22px; padding:10px 0 0 0; }
.detail-main .d-top .buttons { padding-left:20px; float:left; }
.detail-main .d-top .buttons .btn { float:left; }
.detail-main .d-top .source { padding-left:16px; line-height:22px; color:#666; float:left; }
.detail-main .d-top .source a { padding-left:4px; font-weight:normal; color:#807366; }
.detail-main .d-top .share { padding-right:20px; float:right; }
.detail-main .d-top .share span { display:block; padding-right:4px; line-height:18px; color:#666; float:left; }
.detail-main .d-top .share img { margin-right:3px; }
.detail-main .d-top .report { padding-right:20px; float:right; }
.detail-main .d-top .report a { color:#CCC; }
.detail-main .d-top .report a:hover { color:#666; }
.detail-main .d-top .report a.reported,
.detail-main .d-top .report a.reported:hover { color:#ccc; text-decoration:none; cursor: not-allowed; }
.detail-main .pin-pic { padding:17px 0 0 0; }
.detail-main .pin-pic a { position:relative; display:inline-block; zoom:1; text-decoration:none; }
.detail-main .description { width:680px; padding:30px 0 24px 20px; color:#333; text-align:left; border-bottom:solid 1px #ddd; overflow:hidden; }
.detail-main .description em { display:block; color:#AD9C9C; }
.detail-main .description em a { font-weight:700; color:#AD9C9C; }
.detail-main .comment-d { border-bottom:solid 1px #ddd; }
.detail-main .comment-d .c-add { position:relative; padding:10px 20px 10px 78px; text-align:left; }
.detail-main .comment-d .c-add .avatar { position:absolute; left:20px; }
.detail-main .comment-d .c-add textarea { width:608px; height:36px; padding:6px; border:solid 1px #ddd; background:#fcf7f7; }
.detail-main .comment-d .c-add .send { padding:7px 0 0 0; color:#999; }
.detail-main .comment-d .c-add .send a.blue { color:#3c8dc5; }
.detail-main .comment-d .c-add .send .characters { padding:0 10px 0 0; color:#999; float:right; }
.detail-main .comment-d .c-add .send .characters strong { font-weight:bold; color:#666; }
.detail-main .comment-d .c-add .send .btn { float:right; }
.detail-main .comment-d ul { padding:0 20px 10px 78px; text-align:left; }
.detail-main .comment-d ul li { position:relative; padding:15px 0 15px 58px; border-bottom:dashed 1px #dfdfdf; color:#999; min-height:50px; ?  _height:50px;
overflow:hidden; }
.detail-main .comment-d ul li .avatar { position:absolute; left:0; top:15px; }
.detail-main .comment-d ul li a { font-weight:bold; color:#666; }
.comment-d .page { padding:5px 20px 10px 78px; overflow:hidden; }
.detail-main .comment-d ul li span,
.comments ul.c-list li span.delete-comment { display:none; }
.detail-main .comment-d ul li.current { background: #f5f4f0; color:#666; }
.detail-main .comment-d ul li.current a { color:#333; }
.detail-main .comment-d ul li.current span,
.comments ul.c-list li.current span.delete-comment { position:absolute; display:block; width:13px; height:13px; right:10px; top:10px; }
.comments ul.c-list li.current span.delete-comment { right:4px; top:2px; }
.detail-main .comment-d ul li.current span a,
.comments ul.c-list li.current span.delete-comment a { display:block; width:13px; height:13px; text-indent:-5000px; border:1px solid #666; background:#fff url(../images/icn-cancle.gif) 3px 3px no-repeat; }
.detail-main .comment-d ul li.current span a:hover,
.comments ul.c-list li.current span.delete-comment a:hover { background-color:#eee; }
.detail-main .comment-d ul li.current span a:active,
.comments ul.c-list li.current span.delete-comment a:active { background-color:#ddd; background-position:3px 4px; }
.page .wrap { position:relative; height:20px; padding:0 25px; min-width:100px; float:left; overflow:hidden; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<100?"100px":"");
}
.page .wrap .btn-l { left:0; top:0; }
.page .wrap .btn-r { right:0; top:0; }
.page .wrap p { line-height:22px; font-weight:bold; }
.page .wrap p span { color:#CC2929; }
.page .wrap p a { padding:2px; color:#333; font-weight:normal; }
.d-likes,
.d-repins { padding:20px 0 0 0; overflow:hidden; }
.d-likes .title,
.d-repins .title { width:72px; height:50px; padding:10px 6px 0 0; line-height:16px; text-align:right; word-wrap:break-word; color:#333; float:left; }
.d-likes .d-content,
.d-repins .d-content { width:600px; float:left; }
.d-likes ul,
.d-repins .ul { width:600px; overflow:hidden; }
.d-likes ul li { width:58px; height:58px; float:left; }
.d-likes .more,
.d-repins .more { text-align:left; }
.d-repins li { position:relative; padding:0 0 8px 58px; text-align:left; min-height:50px; _height:50px; color:#999; }
.d-repins li img { position:absolute; left:0; }
.d-repins li a { font-weight:bold; padding:0 4px; color:#666; }
/*detail - end*/

.head-s2 { width:950px; height:63px; padding-top:46px; margin:0 auto; background:url(../images/line-ds.gif) 0 82px repeat-x; overflow:hidden; }
.head-s2 img { width:144px; height:63px; padding:0 10px; background-color:#e0dcd5; margin:0 auto; }
/*login - end*/
.login-block { width:950px; padding-top:70px; margin:0 auto; text-align:left; }
.login-block .back { padding-top:30px; text-align:center; }
.login-block .back a.sns-f { display:inline-block; zoom:1; font-weight: 500; text-align:left; }
.login-block .success { padding:160px 0 0 0; text-align:center; color:#99948b; text-shadow:0 1px #f9f8f7; background: url(../images/success.png) center 0 no-repeat; }
.login-block .fail { padding:250px 0 0 0; text-align:center; color:#99948b; text-shadow:0 1px #f9f8f7; background: url(../images/hoop.png) center 0 no-repeat; }
.login-block .form { width:430px; padding:45px 0 0 130px; float:left; background:url(../images/line-login.png) right 0 no-repeat; }
.login-block .form .form-wrap { width:387px; overflow:hidden; }
.login-block .form .form-wrap .top { width:326px; padding:26px 0 34px 58px; background: #dad5cd; border-top: solid 1px #bcb3a5; border-left: solid 1px #bcb3a5; border-right: solid 1px #eceae6; border-bottom: solid 1px #eceae6; border-radius: 5px; overflow:hidden; }
.login-block .form .form-wrap .top em { display:block; width: 270px; padding:10px 5px; line-height:18px; color:#e00; }

.login-block .form .form-wrap .top #remember_me_span { display:block;padding:8px 0;}
.login-block .form .form-wrap p { position:relative; display:block; width:268px; height:36px; padding:0 10px 12px 0; background:url(../images/bg-input-login.png) right 0 no-repeat; }
.login-block .form .form-wrap p span { display:block; width:248px; height:36px; padding:5px 0 0 10px; background:#dad5cd url(../images/bg-input-login.png) 0 0 no-repeat; }
.login-block .form .form-wrap p span input,
.login-block .form .form-wrap p span select { width:255px; height:26px; line-height:26px; border-top:solid #f4f3f1 1px; border-right:solid #f8f7f5 1px; border-bottom:solid #f8f7f5 1px; border-left:solid #f8f7f5 1px; background:#f8f7f5; }
.login-block .form .form-wrap p input:focus + label { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }
.login-block .form .form-wrap p.type label { display:none; }
.login-block .form .form-wrap p label { position:absolute; left:12px; top:5px; line-height:26px; color:#999; }
.login-block .form .form-wrap .sub { width:325px; position:relative; height:30px; text-align:left; text-shadow:#FFF 0 1px 1px; }
.login-block .form .form-wrap .sub .btn-s2 { float:left; }
.login-block .form .form-wrap .sub a.forgot { display:table-cell; padding-left:10px; line-height:20px; text-decoration: underline; color:#666; }
*+html .login-block .form .form-wrap .sub a.forgot { display: inline-block; }
.login-block .form .form-wrap .sub a.forgot:hover { color:#333; }
.login-block .form .form-wrap .sub a.forgot:active { color:#000; }
.login-block .form .invite { padding:20px 0 0 0; text-align:center; }
.login-block .form .invite .text { display: inline-block; zoom:1; line-height:34px; color:#666; float:left; }
.login-block .sns-account { width:340px; padding:83px 0 0 40px; float:left; }
/*login - end*/

/*regist - start*/
.regist { padding-top:0; }
.regist .form { background-position:right 100px; }
.regist .form .title { text-align:center; padding: 0 60px 20px 0; color:#666; text-shadow: 0 1px 1px #fff; }
.regist .form .form-wrap .sub { position:relative; height:30px; text-align:center; }
.regist .sub { padding-top:20; }
.regist .sns-account { padding-top:110px; }
/*regist - end*/

/*regist_new - start*/
.register { padding-top:40px; }
.register .title { text-align:center; color:#333; }
.register .title strong { font-weight:bold; }
.register .wrap { width:880px; height:56px; padding:50px 0 0 0; margin:0 auto; overflow:hidden; }
.register .r-alert { width:880px; color:#862; text-align:center; }
.register .r-alert .icon-note { padding-right:6px; vertical-align: text-bottom; }
.register .viaemail { width:880px; padding:40px 0 0 0; margin:0 auto; text-align:center; color:#666; }
.register .viaemail a { color:#45629e; }
/*regist_new - end*/

/*input - start*/
.xxx p { display:block; width:268px; height:36px; padding:0 10px 12px 0; background:url(../images/bg-input-login.png) right 0 no-repeat; }
.xxx p span { display:block; width:248px; height:36px; padding:5px 0 0 10px; background:url(../images/bg-input-login.png) 0 0 no-repeat; }
.xxx p span input { width:260px; height:26px; line-height:26px; border-top:solid #f4f3f1 1px; border-right:solid #f8f7f5 1px; border-bottom:solid #f8f7f5 1px; border-left:solid #f8f7f5 1px; background:#f8f7f5; }
/*input - end*/

/*box - start*/
.box { background-color:#FFF; overflow: hidden; }
.box .top { position:relative; height:7px; }
.box .top .clt,
.box .top .crt,
.box .bottom .crb,
.box .bottom .clb { position:absolute; width:4px; height:4px; overflow:hidden; background:url(../images/corner-box.gif) -7px -7px no-repeat; }
.box .top .clt { left:0; top:0; background-position: -4px -4px; }
.box .top .crt { right:0; top:0; background-position: 0 -4px; }
.box .bottom { position:relative; height:20px; }
.box .bottom .clb { left:0; bottom:0; background-position: -4px 0; }
.box .bottom .crb { right:0; bottom:0; background-position: 0 0; }
/*box - end*/

/*form-style - start*/
.row-f { padding: 0 0 15px 0; text-align: left; overflow:hidden; }
.row-f .c-title { width: 210px; line-height: 30px; color: #645D51; white-space: pre-wrap; float: left; display: table-cell; }
.row-f .right input,
.row-f .right select,
.row-f .right textarea { width: 248px; padding: 5px; border: solid 1px #D2CEC8; border-radius: 3px; float: left; }
/*form-style - end*/

.pf-edit .main { padding-left: 150px; padding-right: 150px; }
.pf-edit .main .b-title { padding:30px 0 15px 0; height:30px; line-height:30px; text-align:left; color:#bb4239; border-bottom:double 3px #c3b9ad; }
.pf-edit .main .row-f { padding-top: 20px; padding-bottom: 15px; border-bottom: solid #F5F3F0 1px; clear: both; overflow: hidden; }
.pf-edit .main .row-f .right { width: 440px; display: table-cell; }
.pf-edit .main .row-f .right em,.pf-edit .main .row-f .right strong { display: table-cell; zoom:1; width:170px; text-align:left; color: #746962; float:right;}
.pf-edit .main .row-f .right strong { font-weight:bold; line-height:24px; color:#de3129; }
.pf-edit .main .save { padding-top:40px; padding-bottom:40px; text-align:center; color:#bb4239; border-top:double 3px #c3b9ad; border-bottom:0 none; }
.pf-edit .main .save input { padding:8px 20px; }
.pf-edit .main .row-f .right .b-avatar { width:220px; }
.pf-edit .main .row-f .right .b-avatar span { display:block; width:200px; height:200px; padding:5px; border:solid 1px #d2cec8; overflow:hidden; }
.pf-edit .main .row-f .right .b-avatar span img { background:#fff; }
.pf-edit .main .row-f .right .b-change { padding-top:10px; }
.pf-edit .main .row-f .right .b-change div { padding:0 0 10px 0; }
.pf-edit .main .row-f .right .b-change #b-file input { width:300px; display:none; }
.pf-edit .main .row-f .right .b-change #b-file.current a { display:none; }
.pf-edit .main .row-f .right .b-change #b-file.current input { display: block; }
.pf-edit .main .row-f.checkbox .right input,
.pf-edit .main .row-f.radio .right input { width:30px; padding:0; border:0 none; float:none; }
.pf-edit .main .row-f.checkbox .right,
.pf-edit .main .row-f.radio .right { color:#726c63; }
.pf-edit .main .row-f.checkbox .right div { padding-bottom:10px; }
.pf-edit .main .row-f .right em .link { font-weight:bold; text-decoration:underline; }
.btn-follow a { width:188px; text-align:center; }
.list-follower .main { padding:0 20px; margin-bottom:50px; }
.list-follower .main .b-title { padding:30px 0 15px 0; line-height:30px; text-align:left; color:#333; border-bottom:double 3px #c3b9ad; }
.list-follower .main ul li,
.list-pinner li { padding:10px 0 5px 0; border-bottom:solid #f5f3f0 1px; text-align:left; overflow:hidden; }
.list-follower .main li.handle { padding-top:5px; padding-left:15px; background: #fff url(../images/btn-silver.png) 0 15px repeat-x; border: solid 1px #ddd; }
.list-follower .main li.handle strong { display:inline-block; width:279px; line-height:26px; white-space:nowrap; color:#666; float:left; overflow:hidden; }
.list-follower .main li.handle em { padding:0; }
.list-pinner { height:330px; overflow-x:hidden; overflow-y: scroll; }
.list-pinner li { padding-left:20px; }
.list-follower .main ul li .pinner,
.list-pinner li .pinner { position:relative; display:block; width:240px; height:50px; padding-left:55px; float:left; overflow:hidden; }
.list-pinner li .pinner { width:220px; }
.list-follower .main ul li .pinner .name,
.list-pinner li .pinner .name { color:#333; }
.list-follower .main ul li .pinner .location,
.list-pinner li .pinner .location { color:#999; }
.list-follower .main ul li .pinner img,
.list-pinner li .pinner img { position:absolute; margin-left:-55px; }
.list-follower .main ul li em,
.list-pinner li em { display:block; width:120px; height:26px; padding:12px 0; text-align:center; float:left; }
.list-pinner li em { width:165px; }
.list-follower .main ul li em a,
.list-pinner li em a { margin:0 auto; }
.list-follower .main ul li .pins { display:block; float:right; }
.list-follower .main ul li .pins img { width:50px; height:50px; }
.list-follower .main .more { padding-top:20px; }
.invite-main .main { padding:0 20px; }
.invite-main .main .b-title { padding:30px 0 15px 0; height:30px; line-height:30px; text-align:left; color:#333; border-bottom:double 3px #c3b9ad; }
.invite-main .main .button-invite { padding-top:20px; }
.invite-main .main .wrap { padding-top:20px; overflow:hidden; }
.invite-main .main .wrap .buttons { width:138px; padding:10px 10px 10px 30px; border:solid 1px #e6e6e6; border-radius: 4px; box-shadow:1px 1px 3px #e6e6e6 inset; -webkit-box-shadow:1px 1px 3px #e6e6e6 inset; background:#f2f2f2; float:left; }
.invite-main .main .wrap .buttons a { width:100px; text-align:center; }
.invite-main .main .wrap .buttons a .icon { float:left; margin-top:-2px; }
.invite-main .main .wrap .inputs { width:330px; padding-left:40px; float:left; }
.invite-main .main .wrap p { padding:0 0 20px 0; text-align:left; }
.invite-main .main .wrap input,
.invite-main .main .wrap textarea { width:315px; padding:5px; border:solid 1px #d2cec8; border-radius: 3px; }
.invite-main .main .wrap textarea { width:315px; }
.invite-main .main .wrap .message { width:340px; padding-left:20px; float:left; }
.invite-main .main .wrap .i-title { padding-bottom:20px; text-align:left; font-weight:bold; color:#666; }
.invite-main .main .wrap .inputs { padding: 0 0 0 20px; }
.invite-main .main .wrap .inputs li { padding:10px 0 10px 10px; border-bottom:solid 1px #eee; text-align:left; overflow:hidden; }
.invite-main .main .wrap .inputs li.handle { padding:5px 10px 5px 10px; border:solid 1px #ddd; border-bottom:solid 1px #ccc; background:#fff url(../images/btn-silver.png) 0 0 repeat-x; }
.invite-main .main .wrap .inputs li.handle strong { display:inline-block; width:120px; padding-left:5px; white-space:nowrap; line-height:28px; float:left; overflow: visible; }
.invite-main .main .wrap .inputs li.handle .btn { margin-right:0; }
.invite-main .main .wrap .inputs li img { vertical-align: middle; float:left; }
.invite-main .main .wrap .inputs li .name-fb { padding-left:6px; font-size:14px; color:#666; float:left; }
.invite-main .main .wrap .inputs li .btn { float:right; margin-right:17px; }
.invite-main .main .wrap .inputs li a { color:#666; text-decoration:none; }
.invite-main .main .wrap .inputs li input.checkbox { width:14px; height:14px; padding:0; margin-right:10px; border:0 none; vertical-align: middle; }
.findefriend { width: 730px; float:left; }
.findefriend .wrap { margin-top:-20px; }
.findefriend .main p { display:block; width:500px; margin:40px auto; }
.pic_show_functional .layer,
.pic_show_functional .layer-bg { display:none !important; }
#NewIndicator.Offscreen { -moz-transition-duration: 250ms; left: 0; }
#NewIndicator { -moz-transition: left 1s ease-in-out 0s; left: -3px; padding: 10px; top: 190px; width: 145px; background-color:#FFF; }
.Button.Indicator { border-width: 0; box-shadow: 0 0 #FFFFFF; -webkit-box-shadow: 0 0 #FFFFFF; display: block; position: fixed; text-align: center; z-index: 710; }
.WhiteButton { color: #524D4D; text-shadow: 0 1px rgba(255, 255, 255, 0.9); }
.Button { position: relative; display: inline-block; padding: 0.45em 0.825em; line-height: 1em; text-align: center; border: 1px solid transparent; border-radius: 0.3em 0.3em 0.3em 0.3em; box-shadow: 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset; -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset; }
.Button strong { position: relative; z-index: 0; }
.Indicator strong { font-weight: bold; }
.Button.Indicator span { border-width: 0; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.5); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.5); }
.Indicator a { color: #221919; font-weight: bold; outline: medium none; text-decoration: none; }
.WhiteButton span { border-color: #BBBBBB; }
.Button span { position: absolute; display: block; left: -1px; opacity: 1; right: -1px; top: -1px; bottom: -1px; border: 1px solid; border-radius: 0.3em 0.3em 0.3em 0.3em; box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset; -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset; z-index: 0; }
/*invite - start*/
.invitepage .title { margin: 0 auto; height:120px; }
.invitepage .request { margin:0 auto; width:660px; height:120px; }
.invitepage .request .byemail { float:left; height:54px; width:408px; background:transparent url(../images/bg-input-invite.png) no-repeat; }
.invitepage .request #input-invite { float:left; display:block; width:378px; height:28px; margin:12px; line-height:28px; color:#333; border:solid #f9f8f7 1px; background-color:#f9f8f7; }
.invitepage .request .btn_requestinvitation { float:left; display:block; width:242px; height:55px; line-height:43px; color:#1d545b; text-shadow:#8ac7d9 1px 1px 1px; text-decoration:none; background:url(../images/btn-requestinvitation.png) 0 0 no-repeat; }
.invitepage .request .btn_requestinvitation:hover { background-position:0 -55px; }
.invitepage .request .btn_requestinvitation:active { line-height:47px; color:#1d545b; background-position:0 -110px; }
.invitepage .scrollimg { margin:0 auto; position:relative; width:432px; text-align:center; }
.invitepage .scrollimg .arrow_previous { position:absolute; text-indent:-5000px; height:72px; left:0; top:90px; width:20px; background:url(../images/btn-invoteppn.png) no-repeat; }
.invitepage .scrollimg .arrow_previous { background-position:0 0; }
.invitepage .scrollimg .arrow_previous:hover { background-position:0 -72px; }
.invitepage .scrollimg .arrow_previous:active { background-position:0 -144px; }
.invitepage .scrollimg .arrow_next { position:absolute; text-indent:-5000px; height:72px; left:412px; top:90px; width:20px; background:url(../images/btn-invoteppn.png) no-repeat; }
.invitepage .scrollimg .arrow_next { background-position:0 -216px; }
.invitepage .scrollimg .arrow_next:hover { background-position:0 -288px; }
.invitepage .scrollimg .arrow_next:active { background-position:0 -360px; }
.invitepage .scrollimg .imgnote { display:block; width:372px; margin:8px auto; padding:4px; background-color:#c63227; color:#f5dcbf; }
.invitepage .welcome { display:block; width:346px; height:36px; text-indent:-5000px; background:url(../images/text-invite_welcome.png) 0 0 no-repeat; margin:20px auto; }
.invitepage .finvite { display:none; margin:0 auto; height:240px; color:#358000; text-align:center; }
.invitepage .finvite p { padding-top:80px; }
/*invite - end*/


/**********************   HEADER menu     *************************/

#CategoriesBarPage #Header {
position: relative;

box-shadow: 0 0 transparent;
-moz-box-shadow: 0 0 transparent;
-webkit-box-shadow: 0 0 transparent;
padding: 0 40px;
}
#Header {
position: fixed;
z-index: 7;
top: 0;
right: 0;
left: 0;
height: 44px;
background-color: #fbf7f8;
box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: inset 0 1px #fff, 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
}
#CategoriesBar {
position: relative;
z-index: 6;
top: 0px;
right: 0;
left: 0;
padding: 7px 0;
text-align: center;
font-size: 13px;
color: #8C7E7E;
background-color: #FAF7F7;
border-top: 1px solid #CFCACA;
box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
}
.LiquidContainer {
margin: 0 auto;
}
#Search {
float: left;
margin: 8px 0 0;
}
@-moz-document url-prefix() {
  #Search input#serachVal {
     padding: 5px 0 3px 5px !important;
  }
}
#Search input#serachVal:focus {background-color: #fff;}
#Search input#serachVal {
float: left;
width: 183px;background-color: #FAF7F7;
color: #8C7E7E;
border: 1px solid;
padding: 3px 0 5px 5px;
box-shadow: 0 1px #fff, inset 0 1px rgba(34,25,25,0.05);
-moz-box-shadow: 0 1px #fff, inset 0 1px rgba(34,25,25,0.05);
-webkit-box-shadow: 0 1px #fff, inset 0 1px rgba(34,25,25,0.05);
font-size: 13px;
line-height: 1.3;
border-color: #C2C0C0 #CCCACA #D1CFCF;
}
#Search input#search {
    cursor: pointer;float: left;margin-left: -1px;padding: 4px 7px 3px;color: #8C7E7E;height: 26px;border: 1px solid;font-size: 15px;text-indent: -9999px;
    background: url(../images/search.jpg) no-repeat !important;width: 28px;box-shadow: 0 1px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.75);-moz-box-shadow: 0 1px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.75);-webkit-box-shadow: 0 1px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.75);
border-color: #C2C0C0 #CCCACA #D1CFCF; text-indent: -999;
}
#SocialPinBoard {
position: absolute;
top: 4px;
left: 50%;
margin-left: -185px;
}
#pin-header-menu li a{text-decoration:none;}
#pin-header-menu li:hover{
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    background-color: #E1DFDF;
}
#pin-header-menu li{
position: relative;
float: left;
font-size: 15px;
font-weight: bold;
/*display: inline-block;*/
olor: #524D4D;
text-shadow: 0 1px rgba(255, 255, 255, 1);
height: 29px;
padding: 10px 13px 5px 14px;
/*font-family: "helvetica neue",arial,sans-serif;*/
font-family: "Dosis", serif;
}
#pin-header-menu a{color: #524d4d}
#pin-header-menu a img{float:left;}
#pin-header-menu a h6{display: inline; float: left; font-weight: bold;
padding-left: 10px;}
#pin-header-menu {
/*position: relative;*/
float: right;
z-index: 1;

}
/*#pin-header-menu .LoginNav{float:right}*/
#pin-header-menu .LoginNav{margin-bottom:10px;}
#pin-header-menu li ul{
position: absolute;
display: none;
z-index: 100;
background-color: white;
border-top: 1px solid #CCCACA;
box-shadow: 0 2px 4px rgba(34,25,25,0.5);
-moz-box-shadow: 0 2px 4px rgba(34,25,25,0.5);
-webkit-box-shadow: 0 2px 4px rgba(34,25,25,0.5);
width: 140px;
text-align: left;
margin: 11px 0 0 -13px;
*margin: 31px 0px 0px -70px;
}
.pin-login-drop{margin: 0px 0 0 0px !important; right:0;
                *margin: 0px 0 0 0px !important; }
#pin-header-menu li ul li{display: block;font-size: 13px; font-weight: normal; clear:both; width: 94%;padding: 10px 0 0 12px;}
#pin-header-menu li:hover ul{display: block;}

#CategoriesBar .LiquidContainer {margin: 0 auto;
/*                                 position: relative;*/

}
#CategoriesBar .LiquidContainer a{color: #524D4D; font-size: 15px;}
#CategoriesBar .LiquidContainer li{
position: relative;
display: inline;
font-size: 13px;
padding: 0 25px 10px 0;
float:left;
}

#CategoriesBar .LiquidContainer li.submenu ul{
position: absolute !important;
top: 20px;left: 0px;
display: none;
width: 450px;
background-color: white;
border-top: 1px solid #CCCACA;
box-shadow: 0 2px 4px rgba(34,25,25,0.5);
-moz-box-shadow: 0 2px 4px rgba(34,25,25,0.5);
-webkit-box-shadow: 0 2px 4px rgba(34,25,25,0.5);
margin: 5px 0 0 0;
text-align: left;
}
#CategoriesBar .LiquidContainer li.submenu:hover ul{display: block; position: absolute}
#CategoriesBar .LiquidContainer li.submenu ul li span{width: 33%; float: left;}
#CategoriesBar .LiquidContainer li.submenu ul li span a{clear: both; padding: 1px 0 1px 5px; display: block;}
#CategoriesBar .LiquidContainer li.submenu ul li span a:active{}
#CategoriesBar .LiquidContainer li.submenu ul li span a:hover{background-color: #E1DFDF; text-decoration: none;}
#CategoriesBar .LiquidContainer li.submenu ul li{text-align: left; padding: 0; width: 100%;}
#CategoriesBar .LiquidContainer li.submenu ul li span{display: block;}

/************************              HEADER menu End   **************************************/
#UnauthCallout{font-family: 'Oswald', sans-serif;}
#UnauthCallout .Nag {position: absolute;top: 75px;z-index: 2;}
#UnauthCallout .Nag p{font-size: 17px;}
#UnauthCallout .Nag p strong{font-size: 20px;}
#UnauthCallout .Nag ul{float: right;padding: 5px 0px 0 30px;overflow: hidden;display: block;height: 50px;}
#UnauthCallout .Nag ul li{width:auto; height:50px;}
#UnauthCallout .Nag {left: 50%;width: 680px;margin-left: -310px;text-align: left;-moz-transition: all 0s;-webkit-transition: all 0s;}
.Nag .Sheetleft {float: left;z-index: 6;bottom: auto !important;background: url(../images/sheet-left.png) no-repeat;height: 73px;width: 13px;}
.Nag .Sheetmiddle {float: left;z-index: 5;top: 0;right: 2px;bottom: -3px;padding: 9px 20px; left: 2px;
        background: #FBDA8A;
/*        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;*/
/*        border-radius: 0 0 4px 4px;*/
/*        border: 1px solid rgba(34, 25, 25, 0.25);*/
/*        *border: 1px solid #dfdfdf;*/
/*        box-shadow: 0 1px 3px rgba(34,25,25,0.2);
        -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.2);
        -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9B1', endColorstr='#FFFCD1');*/

}
@media \0screen {
/*  .Nag .Sheetmiddle {border: 1px solid #dfdfdf;}*/
}
.Nag .Sheetright {float: left;z-index: 4;top: 0;right: 5px;bottom: -5px;left: 5px;background: url(../images/sheet-right.png) no-repeat;height: 73px;width: 13px;}
#ColumnContainer{left: 105px;position: relative;min-height: 500px;padding: 0 0%;margin:0 auto; width:775px;}
.RedButton {color: #FCF9F9; display:block; height: 20px; text-shadow: 0 -1px rgba(34, 25, 25, 0.5);background: url(../images/redbutton.png) no-repeat;padding: 0px 86px 26px;border: 0px solid transparent;box-shadow: 0 0px rgba(255, 255, 255, 0), 0 0px rgba(255, 255, 255, 0) inset !important;-webkit-box-shadow: 0 0px rgba(255, 255, 255, 0), 0 0px rgba(255, 255, 255, 0) inset !important;}
.loginButton {color: #524D4D; height: 20px; display:block; text-shadow: 0 1px rgba(255, 255, 255, 0.9);background: url(../images/login.png) no-repeat;padding: 0px 65px 30px 9px;border: 0px solid transparent;box-shadow: 0 0px rgba(255, 255, 255, 0), 0 0px rgba(255, 255, 255, 0) inset !important;-webkit-box-shadow: 0 0px rgba(255, 255, 255, 0), 0 0px rgba(255, 255, 255, 0) inset !important;}
#UnauthCallout .Sheet p {float: left; color: #000;}
#CategoriesBar.fixed {position: fixed;top: -1px;right: 0;left: 0;}
#UnauthCallout.fixed {position: fixed;top: -1px;right: 0;left: 0;}
.fixed {position: fixed !important;}
#CategoriesBarPage #UnauthCallout .Nag.fixed {top: 29px;}

/******************   COMMENTS                ******************************/
.newcomment #add-comment{margin: 0px 0 0 38px;}
.comments ul li:first-child a span{color:#8C7E7E}
.comments ul li:first-child a{}
.newcomment #add-comment textarea, #PinAddComment #PinInputArea .InputContainer #CloseupComment{width:95%;font-size: 11px;border: 1px solid #CCC;color: #8C7E7E;background: #FCF9F9;}
#footer-outer{background: #000; padding: 1% 0; color:#fff; text-align:center; clear:both;}
#footer-outer a{color: #fff;}
.pin-it-bttn{background: url(../images/pin-it-bttn.png) no-repeat;    width: 74px;    height: 36px;    display: block;}
/******************   Repin Popup                ******************************/
.creat_bttn{
     background: url(../images/create_bttn.png) no-repeat;
    width:88px;
    height: 36px;
    float: left;
    margin-top: 5px;
    display: block;
}
#board_creat_btn{ margin-top: 9px;}
.close-btn{
    background: url(../images/close-bttn.png) no-repeat;
    width: 56px;
    height: 56px;
    float: right;
    display: block;
    cursor: pointer;
}

.repin-popup select{
    -webkit-appearance: none;
     background: transparent;width:350px;position: relative; display: block;margin: 0; padding: 6px 24px 6px 12px; background-color: #f0eded; background: -moz-linear-gradient(#fffcfc, #f0eded); background: -o-linear-gradient(#fffcfc, #f0eded); background: -webkit-linear-gradient(#fffcfc, #f0eded); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded'); cursor: pointer; border: 1px solid #cccaca; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
     background: url(../images/select_down-arrow.gif) 96% center no-repeat;
}
.creat-board-box{padding: 8px; background-color: #f2f0f0; border-top: 1px solid #cccaca; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; cursor: default;}
.creat-board-box input,
.creat-board-box input { width: 333px; display: inline-block; padding: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px !important;  margin: 0 6px 0 0; font-size: 1em; border: 1px solid #a4a2a2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out;}
.creat-board-box{    overflow: hidden;    display: none;}
.repin-text{margin-top: 15px;}
#PinIt {margin-bottom: 0;padding: 10px;text-align: center;font-size: 13px;background: #FFFBCC;border-bottom: 1px solid #D5D2C1;}

/* FORMS
--------------------------------------------------------------------------------------- */
.Form li {display: block; margin-bottom: 18px; font-size: 21px; font-weight: 300;}
  .Form input[type=text],
  .Form input[type=password],
  .Form textarea {display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 6px 12px; font-size: 18px; font-weight: 300; line-height: 1.4; color: #221919; background: #fff; border: 1px solid #a4a2a2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-transition: all 0.08s ease-in-out; -webkit-transition: all 0.08s ease-in-out;}
  .Form textarea {min-height: 90px;}
  .Form label {display: inline-block; line-height: 1.4em; font-size: 18px;}
  .Form input[type=radio] {float: left; margin-right: 8px; border: none;}
  .Form .Right ul.pinability {float: left; margin-bottom: 10px;}
  .Form .Right ul.pinability li {float: left; clear: none; margin-top: 5px; width: auto;}
  .Form .Right ul li label span {font-size: 18px; float: left;}
  .Form .Right ul li label input[type=radio] {margin-top: 3px;}
  .Form .Right ul li:first-child label span {padding-left: 25px; height: 19px; line-height: 1.1; background: url(../images/collaborative-icons.png) 0 0 no-repeat; margin-right: 30px;}
  .Form .Right ul li.last-child label span {padding-left: 45px; height: 19px; line-height: 1.1; background: url(../images/collaborative-icons.png) 0 -19px no-repeat;}
  .Form .Right label#radio { padding-top: 1px; }
  .Form .Right label#radio ul { margin-bottom: 10px; padding-left: 1px; overflow: hidden;}
  .Form .Right label#radio ul li { clear: none; display: inline; width: 150px; padding: 0; }
  .Form .Right label#radio ul li label { padding: 0; }

/*********************  Board POP UP    ***************************/

  .modal h2 {margin: 0; font-size: 21px; line-height: 1em; color: #8c7e7e; text-shadow: 0 1px #fff;}
  .modal .close {position: absolute; z-index: 1; top: -1px; right: 0; bottom: 0; display: block; width: 57px; background-color: #f0eded; background: -moz-linear-gradient(#fffcfc, #f0eded); background: -o-linear-gradient(#fffcfc, #f0eded); background: -webkit-linear-gradient(#fffcfc, #f0eded); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded'); border-left: 1px solid rgba(34,25,25,0.15); box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; text-indent: -9999px;}
  .modal .close:hover {background-color: #ebe8e8; background: -moz-linear-gradient(#f9f6f6, #ebe8e8); background: -o-linear-gradient(#f9f6f6, #ebe8e8); background: -webkit-linear-gradient(#f9f6f6, #ebe8e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f6', endColorstr='#ebe8e8');}
  .modal .close:active {background-color: #c21f24; background: -moz-linear-gradient(#d62228, #c21f24); background: -o-linear-gradient(#d62228, #c21f24); background: -webkit-linear-gradient(#d62228, #c21f24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d62228', endColorstr='#c21f24'); box-shadow: inset 0 1px 1px rgba(34,25,25,0.5), 0 1px #b22d00; -moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.5), 0 1px #b22d00; -webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.5), 0 1px #b22d00;}
  .modal .close strong {display: none;}
  .modal .close:hover span {}
  .modal .close:active span {}
  .modal .Form p {margin-bottom: 0;}
  .modal .Form ul {border-top: none;}
  .modal .ModalScroll {max-height: 290px; overflow-y: auto; overflow-x: hidden;}
  .modal .Form .ModalScroll {max-height: 250px; margin-right: -20px;}

  .modal.PaddingLess {padding: 0; border-width: 0;}
  .modal.PaddingLess.wide {margin-left: -245px;}
  .modal.PaddingLess .header {margin: 0;}

  /* Repin */
  #Repin.visible .PostSuccess {bottom: -25%;}
  #Repin.super .PostSuccess {bottom: 50%;}
  #Repin .modal.PostSuccess {display: none; text-align: center; font-size: 21px; line-height: 1.8em;}
  #Repin .modal.PostSuccess span {font-weight: bold;}
  #Repin.super .overlay {opacity: 0.95;}

  .modal .header {position: relative;margin: -30px -31px 0px;padding: 18px 31px 18px;background-color: #F2F0F0;border-bottom: 1px solid #CCCACA;}
.modal {bottom: 50%;}
/* CREATE A BOARD
----------------------------------------------  */
#CreateBoard .modal {position: absolute;}
#CreateBoard #CategoryPicker {float:right; }
#CreateBoard input#BoardName {float:right; margin-right:25px; min-width:375px;}
#CreateBoard input#collaborator_name {min-width: 301px !important;}
#CreateBoard .error {clear: both; margin-left: 150px;}
#CreateBoard #add_collaborators {margin-left: 0;}
/* ADD A PIN
--------------------------------------------------------------------------------------- */
#ScrapePinInput{width: 66%; float: left; margin-right:5%; margin-top:10px; padding: 4px 10px;}
.scrapePin .FancyForm #ScrapeButton{padding: 7px 5px; color:#524D4D; font-size: 18px;}
#ScrapeButton{width: 25% !important; float:right;margin-top:10px;}
#ScrapeButton:hover{text-decoration:none;}
#ScrapePin .PinTop .Form li {margin-bottom: 0;}
#ScrapePin .Arrows {display: none; background: #ddd9d9;}
#ScrapePin .picker {display: inline-block; margin-right: 8px; padding: 3px 10px 3px; font-size: 13px; border: 1px solid #e1dfdf;}
#ScrapePin .picker:hover {background: #eee; text-decoration: none;}
#ScrapePin .imagePickerNext {float: right; margin-right: 0;}
#UploadPin input[type=file] {font-size: 18px;}
/* JCarousel CSS */
.jcarousel-container {position: relative; width: 170px; height: 170px;}
.jcarousel-clip {position: relative; z-index: 2; margin: 0; padding: 0; overflow: hidden;}
.jcarousel-list {position: relative; z-index: 1; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden;}
.jcarousel-list li, .jcarousel-item {float: left; width: 170px !important; height: 170px;} /* No width/height causes infinite loops. */
.jcarousel-item a, .jcarousel-item img {max-width: 170px; max-height: 170px;}

.ModalContainer {position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; display: none;  -webkit-transform: translateZ(0);}
.overlay {position: fixed; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

  .visible .overlay {opacity: 0.65;}
  .visible .modal {bottom: 50%;}
  .super .overlay {opacity: 0;}
  .super .modal {bottom: 125%;}
  .site_img #getImg{margin: 4px 0;width: 100%;height: 145px; background-color: white;box-shadow: 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);text-align: center;}
  .site_img #getImg img{max-width: 100%; max-height: 100%; margin: auto; }
  .site_img{float: left;width: 36%;margin-right: 5%;}
  #urlImages .navigation{cursor: pointer; font-size:11px; background: #DDD9D9; float: left; width: 95%; padding: 5px 5px;}
  #urlImages .navigation #next{float:right;}
  #getimg_desc{float: right; width: 57%; margin-top: 10px;}
  #getimg_desc select#pin_board{border: 1px solid #A4A2A2; width: 56%; border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
    font-size: 18px;
    list-style: none;
    padding: 5px 3px;
    color: #524D4D;
    cursor: pointer;
    box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8);

  }
  #getimg_desc #txtpin{margin-top:56px;}
  #imgUrl #txtpin{margin:10px 0;}
  #imgUrl #next{float:right;}
  #imgUrl #prev{float:left;}
  #imgUrl #next:hover, #imgUrl #prev:hover{text-decoration:none;}
  #add_pin{margin: 15px 0 0 0 !important;}
  .fb_request_btn, #ScrapeButton, .followBoard .WhiteButton, #PinEmbed, #PinReport, #EmailShare,
  #PinActionButtons .repin, #PinActionButtons .edit, .edit_board_btn #edit_board, #resetButton input[type="button"], #no_delete,
  #post_comment, .delet_pin, .recent_activities_edit, #scroll_top, #toTop, .edit-board-btn
  {
position: relative;
display: block;
padding: 6px 24px 6px 12px;
background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
background: -moz-linear-gradient(#FFFCFC, #F0EDED);
background: -o-linear-gradient(#FFFCFC, #F0EDED);
background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded');
cursor: pointer;
border: 1px solid #CCCACA;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
-moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
-webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
width: 61%;
border-image: initial;
}


/* ADD 3-PART FORM
--------------------------------------------------------------------------------------- */
#OpenLinks .cell {float: left; width: 142px; height: 160px; padding: 20px; text-align: center; font-size: 18px; color: #524d4d; border-left: 2px solid #e1dfdf;}
#OpenLinks .cell .icon {width: 66px; height: 81px; margin: 15px auto 30px; background: url('../images/AddIcons.png');}

#OpenLinks .cell:hover {color: #221919; text-decoration: none; cursor: pointer;}
#OpenLinks .cell:active {color: #cb2027;}

#OpenLinks .cell #scrape {background-position: 0 0;}
#OpenLinks .cell:hover #scrape {background-position: 0 -81px;}
#OpenLinks .cell:active #scrape {background-position: 0 -162px;}

#OpenLinks .cell #upload {background-position: -66px 0;}
#OpenLinks .cell:hover #upload {background-position: -66px -81px;}
#OpenLinks .cell:active #upload {background-position: -66px -162px;}

#OpenLinks .cell #board {background-position: -132px 0;}
#OpenLinks .cell:hover #board {background-position: -132px -81px;}
#OpenLinks .cell:active #board {background-position: -132px -162px;}

#OpenLinks .cell:first-child {border-left-width: 0;}
#OpenLinks .cell:hover {background-color: #e1dfdf;}

#OpenLinks #OpenScrapePin span, #OpenLinks #OpenUploadPin span, #OpenLinks #OpenCreateBoard span{font-weight: bold;}




  .modal {position: absolute; z-index: 2; bottom: -25%; left: 50%; padding: 30px 30px 20px 30px; background: #fcf9f9; border: 1px solid #f7f5f5; box-shadow: 0 2px 5px rgba(34,25,25,0.5); -moz-box-shadow: 0 2px 5px rgba(34,25,25,0.5); -webkit-box-shadow: 0 2px 5px rgba(34,25,25,0.5); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
  .success {z-index: 99999; text-align: center; font-size: 2em; line-height: 2;}
  .thin {width: 360px; margin-left: -180px;}
  .wide {width: 550px; margin-left: -275px;}

.page_blog .modal{
    position: static;
    padding:0;
    box-shadow:0 0 0;
    border:none;
}
.date-author{
    overflow:hidden;
    clear: both;
}
.date-author .itemDateCreated{
    float:left;
}
.date-author .itemAuthor{
    display: block;
    margin: 0px 0 0 5px !important;
    padding: 0;
    float:left;
}
.date-author .itemAuthor a{
    color:#1E73AD;
    text-decoration: underline;
    margin-top:-2px;
    display:block;
}
.top-comments{
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #000000;
    box-shadow: 0 0 4px #CCCCCC;
    float: left;padding:13px 15px;
    margin-bottom:25px;
}
  .modal{
  	/*font-family: "helvetica neue",arial,sans-serif;*/
  	font-family: "Dosis", serif;
  	}

  .modal h2 {margin: 0; font-size: 21px; line-height: 1em; color: #8c7e7e; text-shadow: 0 1px #fff; font-weight: bold;}
  .modal .close {position: absolute; z-index: 1; top: 0px; right: 0; bottom: 0; display: block; width: 57px; background-color: #f0eded; background: -moz-linear-gradient(#fffcfc, #f0eded); background: -o-linear-gradient(#fffcfc, #f0eded); background: -webkit-linear-gradient(#fffcfc, #f0eded); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded'); border-left: 1px solid rgba(34,25,25,0.15); box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; text-indent: -9999px;}

  .modal .close strong {display: none;}
  .modal .close span {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/Close.png) top center no-repeat;}

  .modal .Form p {margin-bottom: 0;}
  .modal .Form ul {border-top: none;}
  #postsetup .header{overflow: hidden;padding: 0px 0px 0px 31px; }
  #postsetup .header .close-btn{float: right;border-left: 1px solid #dfdfdf;}
  #postsetup .header h2{float:left; margin-top: 15px;}
  .modal .ModalScroll {max-height: 290px; overflow-y: auto; overflow-x: hidden;}
  .modal .Form .ModalScroll {max-height: 250px; margin-right: -20px;}

  .modal.PaddingLess {padding: 0; border-width: 0;}
  .modal.PaddingLess.wide {margin-left: -245px;}
  .modal.PaddingLess .header {margin: 0;}

  /******************  Creat a Board   ***/

.StaticForm {margin: 0 0; font-size: 13px;}
/* Static Form */
  .StaticForm h3 {padding: 0 0 18px; font-size: 28px; line-height: 1.1em; font-weight: bold; color: #524d4d; text-shadow: 0 1px rgba(255,255,255,0.9); border-bottom: 3px double rgba(34,25,25,0.1);}
  .StaticForm h3 a {font-weight: 300;}
  .StaticForm li {clear: both; margin: 0; padding:15px 0!important; height: auto !important; color: #8c7e7e; text-shadow: 0 1px rgba(255,255,255,0.9); border-top: 1px solid rgba(255,255,255,0.7); border-bottom: 1px solid rgba(34,25,25,0.1); float: left; width: 100%;} /* Float and Width for IE */
  .StaticForm li:last-child {border-bottom: 3px double rgba(34,25,25,0.1);}
  .StaticForm li:after {clear: both; display: block; height: 0; content: " "; visibility: hidden;}
  .StaticForm label {float: left; width: 150px; padding-top: 5px; vertical-align: top;}
  .StaticForm label.radio { /*padding-top: 24px;*/ } /* If the list item holds a radio, it needs more spacing to be consistent */
  .StaticForm .ButtonLabel {padding-top: 15px;}
  .StaticForm .Left {width: 150px; float: left;}
  .StaticForm .Right {float: left;}
  .StaticForm .Right li {border-width: 0;}
  .StaticForm .Right label {float: none; display: block; width: auto; padding: 4px 0; font-size: 18px; border-width: 0; cursor: pointer;}
  .StaticForm .Right label.large { font-size: 21px; margin-bottom: .8em; }
  .StaticForm .NoInput {padding: 6px 0;}
  .StaticForm input[type=text],
  .StaticForm input[type=password],
  .StaticForm textarea {min-width: 375px;}
  .StaticForm input[type=checkbox] {vertical-align: 25%;}
  .StaticForm .help_text {display: inline-block; margin-top: 5px; color: #8C7e7e; font-size: 13px; max-width: 199px; margin-left: 10px;}
  .StaticForm .error {font-size: 13px; float: left; clear: both; margin-top: 5px; color: #cb2027;}
  .StaticForm .Submit {padding-top: 24px; padding-left: 150px; border-top: 1px solid rgba(255,255,255,0.7); float: left; margin-bottom: 20px;} /* Float for IE */
  .StaticForm ul.pinability {border-top: none;}


#board_category_id{width: 60%; border:none;}
/* BOARD PICKER */
.BoardListOverlay {display: none; position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0;}
.noBorderTop #board_name{float: right;}

.BoardPicker {position: relative; display: block; padding: 6px 0px 6px 12px; background-color: #f0eded; background: -moz-linear-gradient(#fffcfc, #f0eded); background: -o-linear-gradient(#fffcfc, #f0eded); background: -webkit-linear-gradient(#fffcfc, #f0eded); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded'); cursor: pointer; border: 1px solid #cccaca; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; -webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white; width: 65%;}
.BoardPickerselect{border-radius: 6px 6px 6px 6px;width: 68%;}
.BoardPicker:hover {background-color: #ebe8e8; background: -moz-linear-gradient(#f9f6f6, #ebe8e8); background: -o-linear-gradient(#f9f6f6, #ebe8e8); background: -webkit-linear-gradient(#f9f6f6, #ebe8e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f6', endColorstr='#ebe8e8'); border-color: #bfbdbd;}
.BoardPicker:active {background-color: #c21f24; background: -moz-linear-gradient(#d62228, #c21f24); background: -o-linear-gradient(#d62228, #c21f24); background: -webkit-linear-gradient(#d62228, #c21f24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d62228', endColorstr='#c21f24'); border-color: #510000; box-shadow: inset 0 1px 1px rgba(34,25,25,0.5), 0 2px 2px white; -moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.5), 0 2px 2px white; -webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.5), 0 2px 2px white;}

.BoardPicker .CurrentBoard {display: block; white-space: nowrap; overflow: hidden;}
.BoardPicker:active .CurrentBoard {color: #fff;}
.BoardPicker .CurrentBoard,
.BoardPicker .CurrentCategory {display: block; font-size: 18px; white-space: nowrap; overflow: hidden;}
.BoardPicker:active .CurrentBoard,
.BoardPicker:active .CurrentCategory {color: #fff; text-shadow: none;}

.BoardPicker .DownArrow {position: absolute; top: 14px; right: 14px; width: 11px; height: 9px; background: url(../images/downArrow.png) center top no-repeat;}
.BoardPicker:hover .DownArrow {background-position: center;}
.BoardPicker:active .DownArrow {background-position: center bottom;}

.BoardList {display: none; position: absolute; z-index: 9999; top: -1px; left: -1px; width: 350px; max-height: 300px; background-color: #fff; border: 1px solid #aaa; overflow-x: hidden; overflow-y: auto; box-shadow: 0 0 17px #bbb; -moz-box-shadow: 0 0 17px #bbb; -webkit-box-shadow: 0 0 17px #bbb; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.BoardList li {position: relative; display: block; margin: 0; font-size: 18px; padding: 5px 46px 5px 8px; list-style: none; line-height: 1.15em; color: #524d4d; cursor: pointer;}
.BoardList li:hover {color: #221919; background-color: #ebe8e8;}
.BoardList li:active {color: #fff; background-color: #cb2027; text-shadow: none;}
.BoardList li:first-child {border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;}
.BoardList li .CollaborativeBoard {position: absolute; top: 50%; right: 10px; width: 28px; height: 13px; margin-top: -6px; background: url(../images/CollaborativeBoardIcon.png) top center no-repeat;}
.BoardList li:active .CollaborativeBoard {background-position: bottom center;}

.BoardPicker .CreateBoard,
.BoardPicker .CreateCategory {padding: 8px; background-color: #f2f0f0; border-top: 1px solid #cccaca; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; cursor: default;}
.BoardPicker .CreateBoard input,
.BoardPicker .CreateCategory input {display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px !important;  width: 236px; min-width: 236px; margin: 0 6px 0 0; font-size: 1em; border: 1px solid #a4a2a2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out;}

.BoardPicker .CreateBoardStatus {display: none; text-align: right; padding: 2px; font-size: .8em;}
.BoardPicker .CreateBoardStatus.error {color: #f00;}
.BoardPicker .CreateBoardStatus.good {color: green;}


#btnBoard:hover{box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
}
#add_pin, #btnBoard, #update_board, .login-register, .invite_frnd #submit-button, .invite_frnd .invite_fb_frnds,
.PinInfo .WhiteButton, #uploadfile, #upload_pin #uploadPin, #delete_board, .reset_pass  #rest_pass_btn, #report_sbumit_btn,
#report_send_mail_btn, #home_invite_frnds, .save-editpin, #delete_pin
{
    box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
    -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
    -webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(235,82,82,0.25);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA5D6E), to(#D63E40), color-stop(.5,#E3535D),color-stop(.5,#E04A54));
    background: -moz-linear-gradient(center top, #EA5D6E, #E3535D 50%, #E04A54 50%, #D63E40);
    background: -o-linear-gradient(top left, #EA5D6E, #E3535D 50%, #E04A54 50%, #D63E40);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA5D6E), to(#D63E40), color-stop(.5,#E3535D),color-stop(.5,#E04A54));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5d6e', endColorstr='#d63e40');
    border: #AD0303 1px solid; margin: 5% 0 0 40%;    padding: 1% 4%;    margin: 5% 0 0 40%;    padding: 1% 4%;    border-radius: 6px;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;    font-size: 18px;    color: #FCF9F9;    text-shadow: 0 -1px rgba(34, 25, 25, 0.5);    cursor: pointer;
}
#uploadfile{margin:4% 37% 0;}
ul#files{margin-top:10px; float: left;}
ul#files li {
padding: 10px;
margin-bottom: 2px;
float: left;
margin-right: 10px;
}
ul#upload_pin {
display: block;
float: right;
width: 63%;
margin-top: 10px;
}
#upload_pin span{width: 95% !important;}
#upload_pin .customStyleSelectBox {
margin: 0;

background-position: 98% 50%;
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f6', endColorstr='#ebe8e8');
border-color: #BFBDBD;
width: 56%;
color: black;
font-size: 16px;
}


#CreateBoard .StaticForm input#btnBoard, #upload_pin .customStyleSelectBox {

text-shadow: 0 -1px rgba(34, 25, 25, 0.5);
font-size: 17px;
padding: 8px 7px 6px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

}
.customStyleSelectBox span{width:100% !important;}
#getimg_desc .customStyleSelectBox, #CategoryPicker .customStyleSelectBox {padding: 0 9px;width: 94%;}
.customStyleSelectBox {
padding: 5px 7px;
border: 1px solid #E7DAB0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px 5px;
border-image: initial;
z-index: 666 !important;
 width: 27%;
    background: transparent;
    border: 1px solid #a4a2a2;
    background: url(../images/select_down-arrow.gif) no-repeat scroll 97% center transparent;

    box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
    -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
    -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
    -webkit-transition: all 0.08s ease-in-out;
    -moz-transition: all 0.08s ease-in-out;
}
#uploadfile #uploadPin {
position: relative;
display: inline-block;
padding: 7px 10px;
text-align: center;
line-height: 1em;
font-size: 13px;
font-weight: bold;
border: 1px solid #BFBDBD;
border-radius: .3em;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-moz-transition-property: color, -moz-box-shadow, text-shadow;
-moz-transition-duration: .05s;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-property: color, -webkit-box-shadow, text-shadow;
-webkit-transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
background: -webkit-linear-gradient(#F9F6F6, #EBE8E8);
background: -moz-linear-gradient(#F9F6F6, #EBE8E8);
background: -o-linear-gradient(#F9F6F6, #EBE8E8);
background: -webkit-linear-gradient(#F9F6F6, #EBE8E8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f6', endColorstr='#ebe8e8');
border-image: initial;
}
#upload_pin #pin_desc {
height: auto;
width: 95%;
font-size: 17px;
height: 60px;
color: #221919;
padding: 7px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 2% 0;
background: white;
}
#upload_pin #uploadPin {
margin: 0;
}


/*************   EDIT Form      ***************************/

.static-form {margin-left:6%;}
.static-form h3.edit-board-title {
padding: 0 0 18px;
font-size: 28px;
line-height: 1.1em;
font-weight: bold;
color: #524D4D;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
border-bottom: 3px double rgba(34, 25, 25, 0.1);
}
.static-form li {
color: #8C7E7E;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
clear:both;
margin: 20px 0;
}
.static-form label {
display: inline-block;
line-height: 1.4em;
font-size: 18px;
float: left;
width: 150px;
padding-top: 7px;
vertical-align: top;
}
.static-form textarea {
min-height: 90px;
min-width: 375px;
color: #8C7E7E;
background: #FCF9F9;
border: 1px solid;
box-shadow: inset 0 0 2px rgba(255,255,255,0.75);
-moz-box-shadow: inset 0 0 2px rgba(255,255,255,0.75);
-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.75);
border-image: initial;
border-color: #DDD #E1DFDF #D1CDCD;
}
.static-form input[type="text"], .static-form input[type="password"], .static-form textarea{
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 6px 12px;
font-size: 18px;
font-weight: 300;
line-height: 1.4;
color: #221919;
background: white;
border: 1px solid #A4A2A2;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
-moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
-webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
-moz-transition: all 0.08s ease-in-out;
-webkit-transition: all 0.08s ease-in-out;
border-image: initial;
}
.edit-board #editboard_category{margin-left: 150px; width: 355px; font-size: 18px !important}
.edit-board .customStyleSelectBox{font-size: 18px !important;}
.edit-board .pinability li{float:left; margin:0; clear:none;}
.edit-board .mepin-img{

padding-left: 55px;
height: 19px;
/*line-height: 1.1;*/
background: url(../images/collaborative-icons.png) 10px -19px no-repeat;
}
.edit-board .justpin-img{
padding-left: 35px;
height: 19px;
/*line-height: 1.1;*/
background: url(../images/collaborative-icons.png) 10px 2px no-repeat;
margin-right: 30px;
}

a.delete-board:hover{text-decoration:none;}
.delete-board{
box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(232,230,230,0.75);
-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(232,230,230,0.75);
-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35), 0 0 10px rgba(232,230,230,0.75);
padding: 10px 50px;font-weight:bold;font-size: 18px;border-color: #C3C3C3;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));background: -moz-linear-gradient(center top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);background: -o-linear-gradient(top left, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');color: #666060;text-shadow: 0 1px rgba(255, 255, 255, 1);
border: 1px solid #BBB;
border-radius: .3em;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
}
#update_board{margin: 2% 0 0 0; padding: 1% 2%;}
#editboard_category{width: 380px;}


/***********     LOGIN Page           ***********************************/
/*
.login-msg{font-size: 32px;
font-weight: bold;
text-align: center;
margin: 10px 0;
}
.login table.detailpage{width:100%;}
.login .login tr{}
.login .moduletable{text-align: center;}
.login .login .logintxt, .login .login .usertr{
    padding: 5px 0;
line-height: 1.4em;
font-size: 18px;color: #8C7E7E;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.login .login{width: 40%;
margin: 0 auto;}*/
/*********** Login Page *********************************/

.landing-content{
      width:710px;
      margin:0 auto;
      padding-top:50px;
      text-align:center;
}

.social-media {
      margin-top: 20px;
      text-align:center;
      padding-bottom:75px;
##      background:url(../images/shaow_bottom.png) 50% 80% no-repeat ;
}
.login-wrapper{
/*      background: #FAF7F7;*/
      overflow:hidden;
}
.social-media a{
      text-decoration:none; margin:0 10px;
}

.login-entry{
      width:262px;
      margin:0 auto;
}
.login-entry ul li{
        height:38px;
        margin-bottom:20px;
}
.login-entry ul li a:hover{
    color:#CB2027;
}
.login-entry input, #resetPasswd{

      width:260px;
      height:38px;
      color:#A4A2A2;
      text-indent: 8px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: 18px;
      font-weight: 300;
      line-height: 1.4;
      background: #fff;
      border: 1px solid #a4a2a2;
      border-radius: 6px;
      -moz-border-radius:6px;
      -webkit-border-radius: 6px;
      box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
      -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
      -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
      -moz-transition: all 0.08s ease-in-out;
      -webkit-transition: all 0.08s ease-in-out;
}

.forget-pass{
      float:left;
      padding:11px 0 0 50px;
}
.forget-pass a{
      color:#8C7E7E;
}
.login-btn{
        float:left;
}
.login-btn input{
      background:url(../images/login-bttn.png) no-repeat;
      width:80px;
      height:37px;
      border:none;
      cursor:pointer;
}
/*********** End Login Page *********************************/

/********************   Invite Frnds   **************************/
.invite_frnd{width: 100%; }
.invite_frnd ul{margin:0 auto; width: 42%;}
.invite_frnd ul li{margin-bottom: 10px; width: 80%;}
.invite_frnd ul li input[type="text"], .invite_frnd ul li textarea{}
.invite_frnd ul h2{clear: both;
margin: 1px 0 32px;
font-size: 32px;
font-weight: 300;
line-height: 43px;
text-shadow: 0 1px white;}
.invite_frnd .about_left a:hover{text-decoration: none;}
.invite_frnd .about_left a{clear: both; display: block;
font-size: 18px; padding: 8px 25px 10px; text-align: right;
line-height: 1em;font-weight: 300;color: #221919;position: relative;z-index: 3;
text-shadow: 0 1px white;}
.invite_frnd .about_left{position: fixed;
top: 95px;
left: 11%;
width: 220px;
overflow: hidden;}
.invite_frnd .social_invite{background: url(../images/invite_frnd.png) 0 0 no-repeat;}
.invite_frnd .facebook_invite{background: url(../images/invite_frnd.png) 0 -36px no-repeat;}
.invite_frnd #submit-button{margin: 10px 0 0 160px;}
.invite_frnd ul input[type="text"], .invite_frnd ul textarea{
    position: relative;z-index: 0;display: block;width: 100%;background: transparent;border: 1px solid #A4A2A2;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);-moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);-webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);-webkit-transition: all 0.08s ease-in-out;-moz-transition: all 0.08s ease-in-out;border-image: initial;display: inline-block;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 6px 12px;font-size: 18px;font-weight: 300;
    line-height: 1.4;color: #221919;background: white;border: 1px solid #A4A2A2;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);-moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);-webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);-moz-transition: all 0.08s ease-in-out;
    -webkit-transition: all;
}

/**********************  FB Invite Freinds            ******************************/
.invite_frnd .invite_fb_frnds{padding: 5px 15px;float: right;margin: 0 20% 10px 0;}
.invite_frnd ul.fb_invite_frnds{margin-top:10px; width: 42%;}
.invite_frnd ul.fb_invite_frnds li img{float:left;}
.invite_frnd ul.fb_invite_frnds li img{}
.invite_frnd ul.fb_invite_frnds .fb_users_name{float:left;padding: 17px 0 0 15px; font-size: 14px;text-shadow: 0 1px white;}
.invite_frnd ul.fb_invite_frnds .fb_request_btn{float: right;padding: 7px 5px;color: #524D4D;font-size: 14px;width: 75px;margin-top: 9px;font-weight: bold;}
.invite_frnd ul.fb_invite_frnds li{clear: both;
display: block;
margin: 0;
padding: 10px 0;
list-style: none;
border-top: 1px solid #FCFBFB /*rgba(255, 255, 255, 0.7)*/;
border-bottom: 1px solid #DFDEDF /*rgba(34, 25, 25, 0.1)*/;
overflow: hidden;
}
.invite_frnd a.invite_fb_frnds:hover{text-decoration: none;}

/*************************************     Board Display           ********************************************/

.pin-board{
width: 195px;
padding: 15px 15px 0;
font-size: 11px;
box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
margin: 0 0 2% 2%;
min-height: 276px;
float: left;
position: relative;
background: #fff;
}
.pinBoard .link img {
float: left;
width: 61px;
height: 61px;
margin: 0 4px 4px 0;
}
#PinPinner #PinnerImage {
float: left;
margin-right: 9px;
width: 50px;
}
#PinPinner #PinnerImage img {
display: block;
width: 50px;
height: 50px;
}
.ImgLink:hover img, .ImgLink:active img {
opacity: .9;
filter: alpha(opacity=90);
}
#PinPinner #PinnerName {
font-size: 23px;
line-height: 1em;
margin-bottom: 2px;
font-weight: bold;
}
/******************************88   PIN board Form   ***********************/
.PinForm {margin-left: 200px; font-size: 21px; font-weight: 300; margin-top:10px;}
.ImagePicker .Images {position: relative; float: left; width: 170px; max-height: 170px; min-height: 85px; padding: 0; overflow: hidden; margin-top:10px;}

/**********    View Pin Board     *************************/

.CloseupLeft #sideboard{padding: 9px 15px 10px;
font-size: 13px;
font-weight: 300;
overflow: hidden;
}
.WhiteContainer {
    float:left; top: 0px;padding: 0 5px 10px;
    position: relative;
    margin: 0px auto 32px;
    background-color: white;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
     width: 196px;
    z-index: 2;
}
#zoom #PinPinner {
position: relative;
margin: 0 0 10px 0;
overflow: visible;
padding: 10px 0;
border-bottom: 1px solid #D1CDCD;
}
.pinBoard .link {
display: block;
height: 190px;
background: url(../images/board_bg.png) 0px 9px no-repeat;
padding: 9px 0 4px 0px;
overflow: hidden;
}
.pin .ImgLink:hover {text-decoration: none;}
.pin .ImgLink {
position: relative;
}
.pinBoard .followBoard {padding: 0 0px 0px;text-align: center;margin: 10px 0 0 0;}
.pinBoard .followBoard a:hover{text-decoration:none;}
#PinnerStats {
display: block;
margin: 5px 0 0;
padding-left: 60px;
font-size: 13px;
color: #8C7E7E;
}
#ColumnContainer #SocialShare{
    margin-top:30px;
margin-left: 23px;
float: left;
}
#ColumnContainer #SocialShare a:hover{text-decoration:none;}
#ColumnContainer #SocialShare li{margin:0 0 7px 0;}
#PinEmbed, #PinReport, #EmailShare {padding: 5px 10px; width:65px; border-radius: 3px; box-shadow: inset 0 0px 0px rgba(34,25,25,0.1), 0 0px 0px white;
-moz-box-shadow: inset 0 0px 0px rgba(34,25,25,0.1), 0 0px 0px white;
-webkit-box-shadow: inset 0 0px 0px rgba(34,25,25,0.1), 0 0px 0px white;
}
#ColumnContainer .user_board{float:right; width: 615px;top: 2px;left: 1%;padding: 10px 0px;
background-color: white;box-shadow: 0 1px 3px rgba(34,25,25,0.4);
box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);-moz-box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);-webkit-box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);}
#PinActionButtons ul{float: left;width: 100%;margin: 0 0 10px 0;}
#PinActionButtons ul{width: 50%; float:left;}
#PinActionButtons ul li{display:inline;}
#PinActionButtons #PinSource{width: 50%;float: right;text-align: right;margin-top: 8px;font-size: 13px;font-weight: bold;}
#PinActionButtons a{text-decoration:none;}
#PinActionButtons .repin{width: 11.5%;float: left;margin-right: 10px;text-align: center;padding: 5px 6px;}
#PinActionButtons .edit{width: 11.5%;float: left;padding: 5px 6px;text-align: center;}
#PinAddComment{margin:10px 0;}
#PinAddComment #PinInputArea img{float:left;margin-right: 10px;}
#PinAddComment #PinInputArea .InputContainer{float:left; width:510px;}
#PinAddComment #PinInputArea .InputContainer #CloseupComment{width: 535px; float:left; height: 39px; padding: 5px; font-size:13px;}
.PinInfo{color: #8C7E7E;font-size: 13px;clear: both;float: left;margin-top: 15px;width: 100%;}
.PinInfo .WhiteButton{float:right;}
.PinInfo h3 a{font-weight: bold;
color: #221919;
text-decoration: none;font-size:23px;}
#BoardThumbs li {display:inline; margin-right:3px;}

/*****************/

#BoardButton a:hover{text-decoration: none;}
#BoardButton a{font-size:15px;font-weight:bold;}

.edit_board_btn #edit_board{color: #524D4D;
text-shadow: 0 1px rgba(255, 255, 255, 0.9); text-align: center;
width: 113px;
font-weight: bold;
font-size: 15px; margin-left: 45.8%;}
p.nomorepin{text-align:center; font-size: 23px;font-weight: bold;
text-shadow: 0 1px rgba(255, 255, 255, 1);margin-top: 50px; }
#BoardTitle h1 {font-size: 24px; margin: 5px 0 20px;}
#BoardTitle {
width: 780px;
margin: 0 auto 30px;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
#BoardMeta {
position: relative;
padding: 10px 0 12px;
border: double rgba(34, 25, 25, 0.14);
overflow: hidden;
border-image: initial;
border-width: 3px 0;
}
.social-media a img:hover{
        opacity:0.9;
        filter:alpha(opacity=60); /* For IE8 and earlier */
}
.login-btn input:hover{
        opacity:0.8;
        filter:alpha(opacity=60); /* For IE8 and earlier */
}

.usertr input[type=text]:focus,
.usertr input[type=password]:focus,
.usertr textarea:focus,
.usertr input[type=text].error,
.usertr input[type=password].error,
.usertr textarea.error {border-color: #e25119; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8), 0 0 14px rgba(235,82,82,0.35);}


/**************************    Reset button            ************************/
#resetButton {margin-top:-60px;}
#resetButton input[type="button"]{margin-left:20%; color:#333; text-shadow: 0 1px rgba(255, 255, 255, 1);}
#Back-login li a, .forget-list a{color: #8C7E7E;text-shadow: 0 1px rgba(255, 255, 255, 1);}
#Back-login li a:hover{color: #CB2027;}
#Back-login{margin:15px;}

/****************************     Landing Page **************************/
.invite_email input{
        margin-right:28px;
        width:300px;
        height:43px;
        color:#dcdcdc;
        float:left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 6px 12px; font-size: 18px;
        font-weight: 300; line-height: 1.4;
        background: #fff;
        border: 1px solid #a4a2a2;
        border-radius: 6px;
        -moz-border-radius:
        6px; -webkit-border-radius: 6px;
        box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
        -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
        -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
        -moz-transition: all 0.08s ease-in-out;
        -webkit-transition: all 0.08s ease-in-out;
}
.invite_email .req_invite-bttn {
    background: url("../images/self_invite-bttn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    height: 45px;
    margin: 0;
    width: 237px;
}
.landing-slider ul li{}
.landing-slider{
    background:#bcbcbc url(../images/bg_repeat.jpg) repeat-x top;
    overflow:hidden;
    text-align:center;
    margin:60px 0 0 0;
    padding-top:30px;

}

.landing-slider ul{
    list-style:none;
    margin:50px 0 0 0;
    display:inline;
}

#delete_board{float: right;
margin: 0 0 0 15px;}
#no_delete{font-weight: bold;
padding: 9px 0 !important;
width: 20%;
float: right; margin:0;}
#ColumnContainer .item-page{width:750px; margin: 0 auto;}


/*************************   Reset *************************************/
.reset_pass{ margin-left: 80px;width: 90%;}
.reset_pass p{color: #FF0000; float: left;margin-top: 10px;}
.reset_pass input{float:left;}
.reset_pass h1{border-bottom: 3px double rgba(34, 25, 25, 0.1);
    color: #524D4D;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1em;
    padding: 0 0 18px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
    float:left;
    text-align: left;
    width: 100%;
}
.reset_pass label {float: left;padding-top: 7px;vertical-align: top;width: 100%; font-size: 18px;color: #8C7E7E;}
#resetPasswd{margin-left: 190px; width: 35%;}
.reset_pass #rest_pass_btn{font-size: 24px; clear:both;font-weight: bold;    margin: 20px 0 0 190px;    padding: 8px 25px;}


#login_error_msg{
	font-size: 18px!important;
	font-family: "Dosis", serif;
	text-align:center;margin: 30px auto 0;text-shadow: 0 1px rgba(255, 255, 255, 1); font-size:13px; color:##ee5d93;
}
.succes_reset{width: 35%; margin: 0 auto; font-size:24px; text-shadow: 0 1px rgba(255, 255, 255, 1);}
.succes_reset h2{font-size: 36px;}


.dropdown {float:left; padding-right:5px}
    .dropdown dt {width: 339px;
                  padding: 0 5px;
                  font-weight: normal;
                  cursor: pointer;
                  position: relative;
                  display: block;
                  background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
                  background: -moz-linear-gradient(#FFFCFC, #F0EDED);

                  background: -o-linear-gradient(#FFFCFC, #F0EDED);
                  background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded');
                  cursor: pointer;
                  border: 1px solid #CCCACA;
                  border-radius: 6px;
                  -moz-border-radius: 6px;
                  -webkit-border-radius: 6px;
                  -moz-box-shadow: 0 1px 2px #ccc;
                  -webkit-box-shadow: 0 1px 2px #ccc;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)";
                  filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=3)
                      progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
                      progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
                      progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=3);
                  box-shadow: 0 2px 5px #ccc;
                  background: url(../images/select_down-arrow.gif) 96% center no-repeat !important;
                  border-image: initial;
    }
    .dropdown dt:hover {background:url(images/header_over.gif)}
    .dropdown dd {position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;width: 350px;-moz-box-shadow: 0 1px 2px #ccc;
                  -webkit-box-shadow: 0 1px 2px #ccc;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)";
                  filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=3)
                      progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
                      progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
                      progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=3);
                  box-shadow: 0 2px 5px #ccc;border-radius: 6px;
                  -moz-border-radius: 6px;
                  -webkit-border-radius: 6px;border: none;background: #fff;margin-top: -33px; }
    .dropdown ul {overflow:hidden;list-style:none; border: 1px solid #CCCACA;
                  font-weight: normal;
                  background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
                  background: -moz-linear-gradient(#FFFCFC, #F0EDED);
                  background: -o-linear-gradient(#FFFCFC, #F0EDED);
                  background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded');
                  border-radius: 6px;
                  -moz-border-radius: 6px;
                  -webkit-border-radius: 6px;
    }
    .dropdown ul li:first-child {
        border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
    }
    .dropdown ul li:last-child {
        border-radius: 0 0 6px 6px;
        -moz-border-radius:0 0 6px 6px;
        -webkit-border-radius:0 0 6px 6px;
        border-top:none !important;
    }
    .dropdown .special input{display: inline-block;
                                  box-sizing: border-box;
                                  -moz-box-sizing: border-box;
                                  -ms-box-sizing: border-box;
                                  -webkit-box-sizing: border-box;
                                  font-size: 18px !important;
                                  width: 236px;
                                  min-width: 236px;
                                  margin: 0 6px 0 0;
                                  font-size: 1em;
                                  border: 1px solid #A4A2A2;
                                  border-radius: 6px;
                                  -moz-border-radius: 6px;
                                  -webkit-border-radius: 6px;
                                  box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
                                  -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
                                  -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8);
                                  -webkit-transition: all 0.08s ease-in-out;
                                  -moz-transition: all 0.08s ease-in-out;
                                  padding: 4px 0;
    }
    .dropdown .special a.creat_bttn:hover{text-decoration: none;}
    .dropdown .special a.creat_bttn{position: relative;
                                         display: inline-block;
                                         float: right;
                                         padding: 5px;width:auto;height:auto;margin:-50px 5px 0 0;
                                         text-align: center;
                                         line-height: 1em;
                                         border: 1px solid transparent;
                                         border-radius: .3em;
                                         -moz-border-radius: .3em;
                                         -webkit-border-radius: .3em;
                                         -moz-transition-property: color, -moz-box-shadow, text-shadow;
                                         -moz-transition-duration: .05s;
                                         -moz-transition-timing-function: ease-in-out;
                                         -webkit-transition-property: color, -webkit-box-shadow, text-shadow;
                                         -webkit-transition-duration: .05s;
                                         -webkit-transition-timing-function: ease-in-out;
                                         box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
                                         -moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
                                         -webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
                                         cursor: pointer;
                                         background: #D9E1E4;
    }
    .dropdown .special {
        background-color: #F2F0F0;
        border-top: 1px solid #CCCACA;
        padding: 8px 5px;
    }
    .dropdown li {display:block;padding: 0 5px;overflow:hidden;background: #fff;}
    .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
    .dropdown a:hover {background:#d9e1e4; color:#000}
    .dropdown .underline {border-bottom:1px solid #b9d6dc}

    .newcomment{padding: 5px 0px 6px 8px;}
    .newcomment textarea{
                          height:21px;
                          padding: 4px 3px 3px;
                          font-size: 11px;
                          border: 1px solid #CCC;
                          border-image: initial;}


    /******************************** Board Page             ***************************************/
#ContextBar a{font-size:17px;}
#ContextBar a:hover{color:#CB2027}
#ContextBar span{margin-right:5px; margin-top:2px;}
#ContextBar .active{color:#CB2027;font-size: 17px;}
#SearchBar a{font-size:17px;}
#SearchBar a:hover{color:#CB2027}
#SearchBar span{margin-right:5px; margin-top:2px;}
#SearchBar .active{color:#CB2027}



/*******************  Create New Account  ************/

#new_account_create{width: 50%;margin: 0 auto;}
#new_account_create h1{font-size: 32px; font-weight: bold; line-height: 43px;text-align: center;}
#new_account_create .detail_page .lable-txt{float: left;width:30%; font-size: 25px;}
#new_account_create .detail_page #Username{width: 67%;}
#new_account_create .detail_page {margin:15px 0;}
#new_account_create .detail_page li{clear: both;    float: left;    margin: 5px 0;    width: 100%;
        }
#new_account_create .detail_page li input{-moz-transition: all 0.08s ease-in-out 0s;    background: none repeat scroll 0 0 transparent;    border: 1px solid #A4A2A2;    border-radius: 8px 8px 8px 8px;    box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8);  display: block;
    font-size: 25px;    font-weight: 300;    padding: 5px 14px;    position: relative;    width: 435px;    z-index: 3;
}
#new_acc_submit{clear:both;border: 1px solid rgba(140, 126, 126, 0.5);
border-radius: 6px;
color: #524D4D;
font-weight: bold;
/*font-family: "helvetica neue",arial,sans-serif;*/
font-family: "Dosis", serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 1px rgba(255,255,255,0.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.35);
border-color: #C3C3C3; padding: 6px 15px;
margin: 2% 0 0 30%; cursor: pointer;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));
background: -moz-linear-gradient(center top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background: -o-linear-gradient(top left, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(.5,#FBF9F9),color-stop(.5,#F7F5F6));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');
}
input[type="submit"], button{cursor: pointer;}

/* ProfileSidebar css
-----------------------------------------------------------------------------*/

.ProfileSidebar{
        text-align:left;
        float: left;
        width: 192px;
        padding: 15px;
        text-shadow: 0 1px rgba(255,255,255,0.9);
        background-color: #fff;
/*        box-shadow: 0 1px 3px rgba(34,25,25,0.4);
        -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
        -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
    }
.ProfileSidebar h1{margin: 0 0 7px; font-size: 2.8em; font-weight: 300;text-align:left;}
.ProfileSidebar p a{
        text-decoration:none;
        text-align:left;
        color:#000;
        font-weight:bold;
    }
.ProfileSidebar p a span{
        font-weight:normal;
        text-align:left;
        color:#000;

    }
.ProfileImage{text-align:center;}
.ProfileImage .pro-image{
        margin:15px 0;
    }
.ProfileLinks{
        display:block;
        overflow:hidden;
        list-style:none;
        padding:15px 0;

    }
.ProfileLinks  li{
        float:left;margin-right:8px;
    }
.ProfileLinks  li a{
        text-decoration:none;
    }
.user-activity{
    width:192px;
    overflow:hidden;
    display:block;
    padding-top: 10px;
    border-top: 1px solid #E1DFDF;
    list-style:none;
}
.imglink{
   float:left;
   display: block;
   background-color: #fff;
}
.user-activity li{
    display: block;
    width:192px;
    padding: 5px 0;
    font-size: 11px;
    color: #221919;
    overflow: hidden;

}

.user-activity li a img{
    float: left;
    width: 30px;
    height: 30px;

}
.user-activity li a{

    color:#000;
    font-weight:bold;
    text-decoration:none;
}
.like-hints{
    display:block;
    font-size:11px;
    color:#AD9C9C;

}
.pro-side-comment{
        float:right;
        width:156px;
}

/****************  Report & Email Pin    **************/
#postsetup .Form input[type="radio"]{float: none;}
#postsetup #ReportLabel{margin-bottom: 10px;margin-top: 10px;font-size: 18px;font-weight: bold;}
#report .wide, #EmailModal .wide{width:360px;margin-left: -215px;}
#report_sbumit_btn{margin:0;}
#report_sbumit_btn:hover{text-decoration:none;}

#EmailModal .wide .Form{margin-top: 20px;}
#report_send_mail_btn{margin: 0;}
#report_send_mail_btn:hover{text-decoration:none;}
.pin_page_repins, .pin_page_likes{clear:both;}
.pin_page_repins{border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf; margin: 80px 0 10px; padding-bottom:10px;}
.pin_page_repins h3, .pin_page_likes h3{margin: 8px 0;font-size: 23px;font-weight: bold;white-space: nowrap;overflow: hidden;}
.pin_page_repins ul li{margin:5px 0;}
.pin_page_repins ul li img{vertical-align:middle; margin-right:5px !important; width:49px; height:49px;}
.pin_page_repins ul li a{font-weight: bold;color: #221919;text-decoration: none;outline: none;}
.pin_page_likes img{margin-right:2px;}


.followBoard .WhiteButton{width: 79%; margin:0 0 0 0px;}
.pin_page_repins .SubmenuColumn{width:46%; margin-right:4%; float:left;}

/******** Comment_Board   ****************************************/
.board_comments{background: transparent;}
.board_comments li{padding: 5px 15px 6px 35px !important; min-height: 55px !important;border:none !important;box-shadow: inset 0 0px #fcfafa !important;-moz-box-shadow: inset 0 0px #fcfafa !important;-webkit-box-shadow: inset 0 0px #fcfafa !important;}
.board_comments li img{width:50px !important; height:50px !important;}
.board_comments span{color:#211922;}
.board_comments a{color:#221919}
.board_comments .board_user_name{margin-left:23px;}
.board_comments a:hover{text-decoration:none;}
.board_comments a span:hover{color:#CB2027; text-decoration:none;}
.board_InputContainer textarea{width: 515px;height: 38px;padding: 8px;font-size: 13px; padding: 5px;line-height: 1em;color: #8C7E7E;background: #FCF9F9;border: 1px solid;box-shadow: inset 0 0 2px rgba(255,255,255,0.75);-moz-box-shadow: inset 0 0 2px rgba(255,255,255,0.75);-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.75);border-color: #DDD #E1DFDF #D1CDCD;
        }
.PinComments{padding: 10px 0px 10px;font-size: 13px;line-height: 1.5em;border-bottom-width: 0;word-wrap: break-word;color: #211922;}
#post_comment:hover{text-decoration:none;}
#post_comment{display: block;padding: 3px 8px;width: 93px;float: right;text-align: center;font-size: 13px;font-weight: bold;
margin: 10px 0px 10px 0;}
.board_comment-text{clear:both; display: block;margin-left: 22px;}

/*****   **********   Invite Friends     ************/
#home_invite_frnds{float: right;margin: -20px 52px 0 0;padding: 0px 10px 0 15px;font-size: 13px;text-align: center;text-shadow: 0 0px rgba(34, 25, 25, 0.5);}
#home_invite_frnds:hover{text-decoration:none;
}

.edit_input .upload_image img{max-width: 190px;}
.upload_image{box-shadow: 0 0px 0px rgba(34,25,25,0.4) !important;}

/*********************  Pop Up image align    ******************************/
#PinImageHolder{clear: both; background-color: #FFF;}
#PinImageHolder a.facebox_image{display: block;text-align: center;}
#ColumnContainer .WhiteContainer #zoom #PinPinner, #ColumnContainer .WhiteContainer #zoom #PinActionButtons,
.PinComments, .board_comments, #PinAddComment, .pin_page_repins, .pin_page_likes, .PinInfo
            {width: 585px; padding: 10px 15px;}
#PinAddComment{float:left;}
#ColumnContainer .WhiteContainer #zoom #PinImageHolder{width: 585px; margin: 30px 15px 10px 0px;}
#PinImageHolder a.facebox_image img{max-width: 585px; height:auto;}

#PinPinner #PinnerName a{color: #211922;}

/********************************     Edit Pin      ************************************/

.edit-board-title{
padding: 0 0 18px;
font-size: 28px;
line-height: 1.1em;
font-weight: bold;
color: #524D4D;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
border-bottom: 3px double rgba(34, 25, 25, 0.1);
}
#pin_edit{margin: 0 6%;}
.delet_pin:hover{text-decoration: none;}
.delet_pin{padding: 5px;margin:0 0 0 175px; width: 100px;text-align: center;color: #524D4D;
        text-shadow: 0 1px rgba(255, 255, 255, 0.9);font-size: 18px;font-weight: bold;}
.save-editpin{
    padding: 8px 28px 6px;font-size: 22px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height:50px;
    border: none;
    margin: 0;font-weight: bold;
}
.PinEditPreview a img{max-width: 202px;}
.delete-pin-pop #delete_pin, .delete-pin-pop #no_delete{float: right;}
.delete-pin-pop #no_delete{color: #524D4D;text-shadow: 0 1px rgba(255, 255, 255, 0.9);font-size: 18px;padding: 6px 5px !important;}
.delete-pin-pop #delete_pin{margin: 0 0 0 10px;padding: 5px 15px;}
.delete-pin-pop{width: 370px !important;}

.btn-edit{padding: 4px 9px;text-align: center;margin-left: 8px;}

/************************* Recent Activities Edit ******************************/
.recent_activities_edit{width: 78%; padding: 2% 9.5% 1%;margin: 5% 0; color: #666060;text-shadow: 0 1px rgba(255, 255, 255, 1);font-size: 13px;font-weight: bold;
}
.recent_activities_edit:hover{text-decoration: none;}
.profileslider_user .user-activity{}


#toTop {
        z-index: 10;
        text-align:center;
        padding: 20px 10px 20px;
        position:fixed;
        bottom:-2px;
        right:20px;
        cursor:pointer;
        display:none;
        color: #666060;
        line-height: 1em;
        text-shadow: 0 1px rgba(255, 255, 255, 1);
        border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        width: 50px;
        font-size: 15px;font-weight: bold;}


#scroll_top a:hover{text-decoration:none;}
#scroll_top a{}
#scroll_top{text-align: center;font-size: 15px;font-weight: bold;line-height: 21px;
right: 15px;
bottom: -10px;
width: 50px;
color: #666060;
}


.goto_home{margin:20px 0 0 39%}
.goto_home a img{vertical-align: middle;float: left;}
.goto_home a span{color: #000000;    display: block;    float: left;    padding: 11px 0 0 10px;}
.goto_home a{color: #FF0000;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px #FFFFFF;
}




/**************************************   Edit style    ***************************/
#ContextBar, #SearchBar {
position: relative;
min-height: 24px;
margin: 59px 0 15px;
padding: 10px 0 12px;
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
border: double 1px #DFDFDF;
border-width: 3px 0;
}
#SearchBar{padding: 10px 6%;margin: 0 0 10px;}
#SearchBar span{margin-right:10px;}
#SearchBar span a{font-weight: bold;}
#SearchBar span.search_text{font-size: 18px; color: #8C7E7E;line-height: 1em;font-weight: 300;}
#SearchBar span.search_text span{font-weight: 600;}

/******** Twitter Login  ****************************************/
.tw {background: #32c1f0; background: -moz-linear-gradient(top, #32c1f0 0%, #32c1f0 49%, #30bbe9 49%, #30bbe9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32c1f0), color-stop(49%,#32c1f0), color-stop(49%,#30bbe9), color-stop(100%,#30bbe9)); background: -webkit-linear-gradient(top, #32c1f0 0%,#32c1f0 49%,#30bbe9 49%,#30bbe9 100%);  background: -o-linear-gradient(top, #32c1f0 0%,#32c1f0 49%,#30bbe9 49%,#30bbe9 100%); background: -ms-linear-gradient(top, #32c1f0 0%,#32c1f0 49%,#30bbe9 49%,#30bbe9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c1f0', endColorstr='#30bbe9',GradientType=0 ); background: linear-gradient(top, #32c1f0 0%,#32c1f0 49%,#30bbe9 49%,#30bbe9 100%);  box-shadow: 0px 3px 0px #249bc4; -moz-box-shadow: 0px 3px 0px #249bc4; -webkit-box-shadow: 0px 3px 0px #249bc4;}
.tw:hover {background: #18b8ee; background: -moz-linear-gradient(top, #18b8ee 0%, #18b8ee 49%, #18b2e6 49%, #18b2e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b8ee), color-stop(49%,#18b8ee), color-stop(49%,#18b2e6), color-stop(100%,#18b2e6)); background: -webkit-linear-gradient(top, #18b8ee 0%,#18b8ee 49%,#18b2e6 49%,#18b2e6 100%); background: -o-linear-gradient(top, #18b8ee 0%,#18b8ee 49%,#18b2e6 49%,#18b2e6 100%); background: -ms-linear-gradient(top, #18b8ee 0%,#18b8ee 49%,#18b2e6 49%,#18b2e6 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b8ee', endColorstr='#18b2e6',GradientType=0 ); background: linear-gradient(top, #18b8ee 0%,#18b8ee 49%,#18b2e6 49%,#18b2e6 100%);  box-shadow: 0px 3px 0px #1d82a5; -moz-box-shadow: 0px 3px 0px #1d82a5; -webkit-box-shadow: 0px 3px 0px #1d82a5;}
.tw:active {height: 38px; background-color: #2088B4; background-image: none; box-shadow: inset 0px 1px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: inset 0px 1px 0px rgba(50, 50, 50, 0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(50, 50, 50, 0.4);}
.tw .logo_wrapper {padding-top: 5px; padding-right: 8px; padding-left: 8px; border-right: 1px solid #12abdd;}
.tw:active .logo_wrapper {border-right-color: #1f83ad;}
.tw .logo {float: left; width: 21px; height: 17px; margin-top: 1px; background: url('../images/twitter-icon.png') 0px 0 no-repeat;}
.tw > span {border-left: 1px solid #59c9ed;}
.tw:active > span {border-left-color: #2392c2;}



.invite_frnds_facebook h1{clear: both;margin: 1px 0 32px;font-size: 32px;font-weight: 300;line-height: 43px;text-shadow: 0 1px white;}
.invite_frnds_facebook{margin: 0 auto;width: 30%;display: block;}
.invite_frnds_facebook a strong{text-align: center;font-size: 24px;line-height: 1em;color: #FCF9F9;text-shadow: 0 -1px rgba(34, 25, 25, 0.5);}
.invite_frnds_facebook a:hover{text-decoration:none;}
.invite_frnds_facebook a img{vertical-align: middle;margin-left: 10px;}
.invite_frnds_facebook a{position: relative;
display: inline-block;padding: 0.625em 1em;text-align: center;font-size: 24px;line-height: 1em;color: #FCF9F9;
text-shadow: 0 -1px rgba(34, 25, 25, 0.5);
background-color: #F3F3F3;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-moz-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);-webkit-box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
box-shadow: 0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);background: -webkit-linear-gradient(#53A9EB, #3378D3);background: -moz-linear-gradient(#53A9EB, #3378D3);
background: -o-linear-gradient(#53A9EB, #3378D3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53A9EB', endColorstr='#3378D3');
}

.new_board_creat{float:left; text-shadow: 0 1px rgba(255, 255, 255, 0.9);font-size: 13px;font-weight: bold;}
.new_board_creat a:hover{color:#CB2027;}
.new_board_creat img{vertical-align: middle;margin-right: 10px;}
.edit-board-btn{margin: 10px 0 0 31%;
width: 10%;
text-align: center;
display: block;color: black;
padding: 3px 15px;
font-size: 15px !important;
float: left;}

.FancyForm input[type=text],
  .FancyForm input[type=password], #uploadboardtxt,
  .FancyForm textarea {position: relative; z-index: 3; display: block; width: 100%; background: transparent; border: 1px solid #a4a2a2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 1px rgba(34,25,25,0.15), 0 1px rgba(255,255,255,0.8); -webkit-transition: all 0.08s ease-in-out; -moz-transition: all 0.08s ease-in-out;}
  /******** No Scroll  ****************************************/

.noscroll {
	overflow: hidden !important;
}

.noscrollf {

         position:fixed;
         margin: 0px auto 0;
}
.pinpage
{
    margin-left:auto ;margin-right: auto; width: 50%;
}

.pinning{display: block;width: 90px;font-weight: bold;color: #CCC;padding: 5px 10px 4px;margin: 12px 0 0 0;}
.uploadtext{float: left;
margin-top: 8px;
margin-right: 5px;}


/*****************************************************************/
#uploadboardtxt{ margin: 0 15px 0 0;
    padding: 8px 4px;
    width: 227px;}
#uploadboardtxted{ margin: 0 15px 0 0;
    padding: 8px 4px;width:203px;}

#outputs{color: #0C9102;
    font-size: 16px;
    font-weight: bold;
    line-height: 43px;
    text-align: center;}


/* ++++++++++++++  login  ++++++++++++++ */

#login-form
{
        padding-top:5px
}

#login-form fieldset
{
        padding:0px;

}

#login-form .inputbox
{
        padding:2px
}

#login-form fieldset.input
{
        padding:10px 0 0 0;
        margin:0px 0 10px 5px
}

#login-form label
{
        margin-right:10px;
        width:8.4em;
        display:block;
        float:left
}

#form-login-remember label
{
	float:none;
	width:auto;
	display:inline
}

.logout-button
{
	margin-top:10px
}

input.button,
button.button,
button.validate
{
        cursor:pointer;
        padding:3px 5px 3px 7px ;
        font-weight:bold;
        line-height:1.2em;
        font-family:arial;
}

#modlgn-username,
#modlgn-passwd
{
        width:9em
}

.module_content #form-login-username label,
.module_content #form-login-password label
{
            float:left;
            width:5.2em
}

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
        width:9em
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
                padding-left:5px;
                margin:20px 0 10px 0
}

.logout-description
{
        margin-bottom:20px
}



#button_only_sale {width: 83px; height: 33px; background: url("../images/button_only_sale.png") no-repeat;}
#button_most_loved {width: 83px; height: 33px; background: url("../images/button_most_loved.png") no-repeat;}
#button_my_loves {width: 83px; height: 33px; background: url("../images/button_my_loves.png") no-repeat;}
//#button_my_loves_counter {width: 31px; height: 28px; background: url("../images/button_my_loves_counter.png") no-repeat; text-align: center; padding-left:3px;font-size:11px; line-height: 26px;margin-left:2px;}

.pin_notloved {width: 30px; height: 30px; background: url('../images/icon_love_notactive.png') no-repeat;}
.pin_loved {width: 30px; height: 30px; background: url('../images/icon_love_active.png') no-repeat;}
.pin_onsale {width: 19px; height: 19px; background: url('../images/icon_star.png') no-repeat;}
.onsale {bottom: 0px;}
.btns-onsale {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 160px;
}

.pin_want {width: 30px; height: 30px; background: url('../images/want-it-icon-bag.png') no-repeat;}
.pin_want:hover {width: 30px; height: 30px; background: url('../images/want-it-icon-bag-active.png') no-repeat;}
.btns-want {width: 160px;top: 45px;left: 12.5px;position: absolute;}
.btn-want{float: right; margin-left: 7px;}


.tip {
	background:#fff;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #f54b4b;
	/*margin: -50px 0 0 30px;*/
	box-shadow:0 0 6px #666;
	width: 250px;
	font-weight:bold;
	bottom: 25px;
	left: -40px;
}

.tip b {color:#f54b4b;}

#slider-range {width: 200px; margin: 3px 10px 0px;}
#amount_txt {padding-left:10px;}

#rightside {
	float: left;
	margin-left: 10px;
}

.custom_banner {
	border: 1px solid #d0d0d0;
	background-color: #fff;
	width: 336px;
	padding: 10px;
	margin-top: 77px;
}
.page_blog .custom_banner {
    border-top: 2px solid #000000;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin-top:0;
}

.reg-btn{
        float:left;
}
.reg-btn input{
      background:url(../images/registreer.png) no-repeat;
      width:102px;
      height:36px;
      border:none;
      cursor:pointer;
}


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 30px!important; -webkit-border-top-left-radius: 30px!important; -khtml-border-top-left-radius: 30px!important; border-top-left-radius: 30px!important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 30px!important; -webkit-border-top-right-radius: 30px!important; -khtml-border-top-right-radius: 30px!important; border-top-right-radius: 30px!important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 30px!important; -webkit-border-bottom-left-radius: 30px!important; -khtml-border-bottom-left-radius: 30px!important; border-bottom-left-radius: 30px!important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 30px!important; -webkit-border-bottom-right-radius: 30px!important; -khtml-border-bottom-right-radius: 30px!important; border-bottom-right-radius: 30px!important; }

.ui-widget-header {background-color:#e5e5e5!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-color:#f688b0!important; border: 1px solid #f8f8f8!important;}


#pinCloseupImage {max-height:400px;}
.popup_button_iwantit {float: left;/*margin: 10px 0px 0 140px;*/margin-top:1px; }




.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    color: #ee88b0;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius-topleft: 0;
}

.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {
    position: relative;
    display: block;
    width: 102px;
	height: 26px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #b8b8b8;
}

.addthis_toolbox .hover_menu a:hover {
    background: #f5f5f5;
    color: #ee88b0;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}
.stijl2 {color: #ee88b0}

#PinCaption {background:#fff url(../images/popup_shadow.png) repeat-x top;}

#facebox {width: 640px!important; overflow: hidden!important;}
#reg_button {
position: relative;
top: -8px;   }

#scrollup_1 {z-index: 10;text-align: center;padding: 20px 10px 20px;position: fixed;bottom: -2px;right: 20px;cursor: pointer;
display: none;color: #666060;line-height: 1em;text-shadow: 0 1px rgba(255, 255, 255, 1);border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;width: 50px;font-size: 15px;font-weight: bold;
background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
background: -moz-linear-gradient(#FFFCFC, #F0EDED);
background: -o-linear-gradient(#FFFCFC, #F0EDED);
background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded');
cursor: pointer;border: 1px solid #CCCACA;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
-moz-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
-webkit-box-shadow: inset 0 1px 1px rgba(34,25,25,0.1), 0 2px 2px white;
border-image: initial;
}

#scrollup {z-index: 10;text-align: center;padding: 0px;position: fixed;bottom: -2px;right: 20px;cursor: pointer;
display: none;
background:#fff url(../images/scroll-to-top-button.png) no-repeat top left;
width: 66px; height:46px;
}

/* K2 STYLE 
=========================================================== */
div.itemList{
    border-top: 2px solid #000000;
    box-shadow: 0 0 4px #CCCCCC;
    background:#fff;
    padding-top:10px;
}
div.itemList h3.h3-line{
    color: #CB0003;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 2px 10px;
}
.catItemImageBlock{
    float:left;
}
.catItemImageBlock img{
    width:164px !important;
    height:120px !important;
    border:none;
    padding:0;
}
.btn-o{
    
}
.pluginCountButton{
    
}

#wrapper_white_area {background-color:#fff; margin:4px; position: relative;top: 4px;padding-top:10px}
#ColumnLeftModule {width: 150px; float: left;}

.content #ColumnContainer {float: right!important;left: 0px!important;}
#Header,#CategoriesBar {display:none;}

#topnavbar {width: 765px; text-align:left; position:absolute;top: -30px;}
ul.top_search_list {margin:0 20px 0 0; float:left;}
ul.top_search_list li {cursor:pointer; padding: 0;}
ul.top_search_list li span {vertical-align:middle;}
#button_my_loves_counter {
    float: right;
    padding:1px 0 0 5px;
}
    
    

#top-slider {
    min-width: 980px;
##    height:100px;  
    margin: 0 auto 20px auto;
    width: 980px; 
    //border: 1px solid #000; 
}    
    
/**
 *  From original template
 */   
 
#ja-wrapper { 
    min-width: 980px;
} 
#ja-topbar { 
    height: 26px;
    position: absolute;
    top: 0px;
    z-index: 11;
}
#ja-topbar .main { 
    border-bottom: 1px solid #CCCCCC;
    color: #999999;
    //font: 92%/26px "SEGOE UI", "Arial", sans-serif;
}
.main { 
    width: 980px;
    margin: 0px auto;
    max-width: 1200px;
    position: relative;
}
.wrap { 
    clear: both;
    width: 100%;
}
.ja-day { 
    background: url("/templates/ja_teline_iv/images/stripe-bg-2.png") transparent;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #000000;
    float: left;
    position: relative;
    text-transform: uppercase;
}

.ja-day span.day, .ja-day span.year { 
    display: none;
    float: right;
    font: 700 11px/26px "SEGOE UI", "Arial", sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}

.ja-day span.month, .ja-day span.date { 
    border-right: 1px solid #CCCCCC;
    float: left;
    font: 700 11px/26px "SEGOE UI", "Arial", sans-serif;
    text-align: center;
    width: 30px;
}
.ja-day span { 
    display: block;
}
.ja-day span.year { 
    display: block;
}
.ja-updatetime { 
    border-right: 1px solid #CCCCCC;
    float: left;
    padding: 0px 10px;
}
.ja-updatetime span { 
    color: #999999;
    font-weight: 700;
}
.ja-updatetime em { 
    color: #000000;
    font-style: normal;
    margin-left: 5px;
}

#ja-header { 
    position: relative;
    z-index: 10;
}

#ja-header .main { 
    height: 115px;
    padding: 0px;
}
h1.logo { 
    height: 57px;
    margin-top: 40px;
    width: 222px;
}
h1.logo, div.logo-text h1 { 
    font-size: 40px;
    line-height: 1;
}
h1.logo, div.logo-text { 
    float: left;
    position: relative;
    z-index: 1;
}
h1.logo a:hover, h1.logo a:focus { 
    background-position: 0% 100%;
}
h1.logo a { 
    background: url("/templates/ja_teline_iv/images/logo.png_") no-repeat transparent;
    height: 70px;
    width: 250px;
}
.ja-header-r { 
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 40px;
    width: 500px;
}
h1.logo a span { 
    position: absolute;
    top: -1000px;
}
form label { 
    cursor: pointer;
}

.inputbox { 
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    padding: 3px 5px;
}
.button, button { 
    background: url("/templates/ja_teline_iv/images/grad-l1.gif") 0% 100% repeat-x #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
    cursor: pointer;
    font-family: "SEGOE UI", "Arial Narrow", "Arial", "Verdana", sans-serif;
    font-weight: 700;
    overflow: visible;
    padding: 3px 5px;
    text-transform: uppercase;
}

.popup_shop_color {color: #f54b4b;}