body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}a,a:active,a:focus {outline: none;}html { height: 100% !important; }
body { font: normal 14px Helvetica, Arial, Sans-Serif; color: #333; background: #efefef; margin: 0px; }

.centerme { width: 853px; margin: 0px auto; position: relative; }
.header { background: #87dfda; margin-bottom: 25px; border-bottom: 7px solid #beebe8; }
.header .centerme { padding: 10px 0px; }

.logo { float: left; margin: 0px 10px 0px 0px; }
.logo img { height: 40px; }

.footer { display: none; padding: 20px 20px 40px 20px; font-size: 12px; color: #999; }
.fake_link, a { color: #336699; text-decoration: none; outline: none; cursor: pointer; }
.current, .fake_link:hover, a:hover { color: #0b68c7; opacity: 1; text-decoration:underline; }
.left { float: left; }
.right { float: right; }
.delete { position: absolute; top: 5px; right: 10px; z-index: 100; color: red; opacity: .25; }
.delete:hover { opacity: 1; cursor: pointer; }
a img { border: 0px; }
input { font-size: 20px; }
.file { font-size: 12px; }
.error { color: red; }
h1 { font-size: 25px; margin: 0px 0px 5px 0px; }
h2 { font-size: 18px; }
h3 { font-size: 20px; }
hr { border: 0px; margin: 20px 0px; padding: 0px; border-bottom: 1px solid #efefef; }
label { cursor: pointer; }

.alert { padding: 20px; background: #c0c0c0; font-size: 30px; text-align: center; margin-bottom: 15px; }

.hidden { display: none; }
div.clear { clear: both; line-height: 0px; }

.main_menu { float: right; text-align: left; margin-top: 5px; position: relative; padding-left: 45px; line-height: 13px; }
.main_menu .user { font-weight: bold; margin-top: 2px; }
.main_menu img { position: absolute; top: -3px; left: 0px; height: 30px; border: 4px solid #fff; box-shadow: 0px 3px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 0px rgba(0,0,0, 0.25); -webkit-box-shadow: 1px 1px 0px rgba(0,0,0, 0.25); }
.main_menu .logout { font-size: 12px; }

.login { padding: 20px 0px 0px 360px; }
.login .field { float: left; margin-right: 10px; width: 170px; }
.login .blue-button { margin: 20px 0px; }
.fb_button { margin:4px 0px; background: url('../images/fb_sprite.png') 0px 0px; height:22px;  width:150px; }
.fb_button:hover { background: url('../images/fb_sprite.png') 0px -24px; cursor:pointer; }

.column50 { width: 50%; }
.column100 { width: 100%; }
.column25 { width: 25%; overflow: hidden; margin-right: 20px; }
.column33 { width: 30%; overflow: hidden; margin-right: 3%; }

.field-label { margin: 0px 0px 0px 0px; }
.blue-button { border: 0px; background: #336699; border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; color: #fff; font-size: 14px; }
.blue-button:hover { background: #0b68c7; color: #fff; text-decoration:none; }
.blue-button:active { border: 0px; border-top: 1px solid #000; border-left: 1px solid #000; }
.blue-button.inline { float: left; margin: 5px 0px 0px 10px; }
.margintop { margin-top: 15px; }
.marginright { margin-top: 15px; }

.smallinput,
.input { border: 1px solid #c0c0c0; width: 99%; font-size: 16px; margin-bottom: 10px; overflow: hidden; }
.smallinput input,
.input input { border: 0px; padding: 5px; width: 100%; outline: none; }
.textarea textarea { width: 100%; padding: 5px; border: 1px solid #c0c0c0; outline: none; }
.smallinput input { padding: 0px; }
.textarea textarea:focus,
.input input:focus { }

.usersecrets .toolbar { margin: 0px 0px 20px 0px; padding: 0px; width: 855px; }
.usersecrets .toolbar .left { margin-top: 5px; }
.usersecrets .toolbar form.left { margin: -5px 10px 0px 0px; padding: 0px; }
.usersecrets .toolbar h1 { float: left; margin-right: 10px; }
.usersecrets .toolbar div.left { margin: 0px 10px 0px 0px; }
.usersecrets .toolbar div.item { margin: -5px 0px 0px 10px; float: right; }
.usersecrets .cardset-toolbar { margin: 0px 0px 0px 0px; }
.usersecrets .toolbar .input { width: 135px; margin-bottom: 10px; }
.usersecrets .toolbar .input input { font-size: 12px; }
.usersecrets .toolbar .input input.fade { color: #c0c0c0; }
.usersecrets .toolbar select { width: 152px; margin-top: 3px; }

.secret-create-form { min-height: 350px; }
.secret-create-form .left_column { width: 376px; float: left; overflow: hidden; }
.secret-create-form .left_column .stepset { width: 4000px; }
.secret-create-form .left_column .stepset .step { width: 378px; margin-right: 2px; float: left; }
.secret-create-form .right_column {  }
.secret-create-form .right_column .results { margin: 10px 0px 0px 20px; float: left; }
.secret-create-form .startover { margin-top: 15px; float: left; }
.secret-create-form .tips { float: left; }
.secret-create-form .new-image { background: url('../images/tip-left.png') no-repeat; padding: 8px 0px 0px 25px; margin: 60px 0px 0px 10px;  min-width: 252px; min-height: 46px; }
.secret-create-form .new-address { background: url('../images/tip-left.png') no-repeat; padding: 8px 0px 0px 25px; margin: 50px 0px 0px 10px; min-width: 252px; min-height: 46px; }
.secret-create-form .add-it { margin: 25px 0px 0px 30px; }
.secret-create-form .imageresultsholder { margin: 15px 0px 0px 15px; float: left; }
.secret-create-form .right_column .imageresults .crop_image { width: 50px; height: 35px; }
.secret-create-form .right_column .imageresults { width: 300px; }

.add-secret { margin: 0px 0px; font-weight: bold; }

.addressblock { margin: 0px 0px 15px 0px; }
.crop_image { width: 80px; height: 60px; overflow:hidden; float: left; margin: 0px 10px 10px 0px; }

.secretpage h1 { font-size: 30px; margin-top: -5px; }
.secretpage h2 { font-size: 14px; background: #f0f21c; padding: 2px 5px; margin: 0px 0px 5px 0px; }
.secretpage .leftcolumn { float: left; width: 400px; margin-right: 0px; }
.secretpage .leftcolumn .bigimage { width: 100%; margin: 0px 0px 15px 0px; border: 10px solid #fff; box-shadow: 0px 3px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 0px 3px 5px rgba(0,0,0, 0.25); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0, 0.25); -webkit-transform: rotate(-.5deg); -moz-transform: rotate(-.5deg); transform: rotate(-.5deg); }
.secretpage .address { width: 45%; float: left; }
.secretpage .address h1 { font-size: 18px; line-height: 18px; }
.secretpage .address h3 { font-size: 14px; }

.secretpage .map { width: 400px; height: 270px; overflow: hidden; float: right; position: relative; }
.secretpage .map-overlay { position: absolute; }

.secretpage .teaser  { font: normal 20px Georgia; color: #666; margin: 20px 0px; }

.secretpage .rightcolumn { float: right; width: 420px; margin-top: 0px; }
.secretpage .rightcolumn .sharebox { }
.secretpage .tipbox { margin-bottom: 10px; }

.secretpage .insiderscontainer,
.secretpage .tagscontainer,
.secretpage .sharebox { width: 31%; float: left; }

.secretpage .tipscontainer { margin: 0px 0px 30px 0px; }
.secretpage .tagscontainer { float: left; margin: 0px 0px 0px 15px; }
.secretpage .insiderscontainer { float: right; }
.secretpage .insiderscontainer .insider { margin-bottom: 5px; height: 30px; }
.secretpage .insiderscontainer .insider a { display: block; height: 30px; padding: 0px 0px 0px 30px; }

.tag { position: relative; }
.tag a { color: #999; display: block; }
.tag a:hover { color: #000; }
.tag .delete { top: 0px; right: 2px; }

.secret-trade .for { float: left; margin: 120px 20px 0px 0px; }

.trades-block { margin-bottom: 30px; }

.profile_page .input { margin-bottom: 15px; }

.comment { margin: 15px 0px 0px 0px; }
.comment .insides { padding-left: 80px; }
.comment .insides .private { float: right; font-size: 12px; color: #999;}
.comment img { float: left; margin-right: 10px; }
.comment .name { margin-bottom: 5px; }
.timestamp { color: #999; font-size: 12px; }

.list { float: right; position: relative; background: #efefef; padding: 10px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; }
.list .edit { position: absolute; top: 20px; right: 5px; font-size: 12px; }
.list .delete { top: 0px; right: 0px; }
.list li { font-size: 18px; width: 200px; position: relative; margin-left: -5px; padding: 0px; }
.list li.current a { color: orange; }
.list li.current { background: #efefef; }
.list li a { display: block; padding: 0px 5px 7px 45px; color: #000; }
.list li:hover { background: #efefef; }
.list li:hover a { color: #336699; }
.list li a .secret-count { font-size: 12px; padding-top: 0px; }
.list li a div { padding-top: 3px; }
.list li img { position: absolute; top: 5px; left: 5px; width: 35px; height: 35px; }
.friends .profile { margin-left: 220px; }

.userpage .meta { padding-left: 160px; height: 150px; }
.userpage .secrets { margin: 0px 0px; }
.userpage .toolbar { }

.radioinline { margin-right: 15px; }

.secret-edit { }
.secret-edit .images .left { width: 250px; }
.secret-edit .images .methods { margin-left: 0px; float: left; }

.lightbox { background: #000; opacity: .5; position: absolute; top: 0px; z-index: 100; }
.content { background: #fff; padding: 50px; position: absolute; top: 0px; z-index: 101; }

.close { position: absolute; width: 21px; height: 21px; background: url('../images/button-close.png') no-repeat; right: 0px; top: 0px; cursor: pointer; }
.close:hover { background-position: -21px 0px;  }

div.yellowtext { background: #f9f6e9; border: 5px solid #ece8d7; margin: -6px 0 0 -6px; padding: 10px; }
div.yellowshadow { margin: 10px 0 0 0; padding: 3px; }

.dashboard { position: relative; }
.dashboard .secrets { margin-right: 0px; float: left; padding: 0px; }
.dashboard .rightcolumn { position: fixed; top: 78px; right: 0px; }

.minicard { height: 50px; width: 50px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #E5E5E5; border: 1px solid #c0c0c0; padding: 10px; position: absolute; z-index: 1000; }
.minicard img { width: 60px; height: 40px; position: absolute; top: 5px; left: 5px; }
.bundleminicard img { height: 60px; }

.inittrade .left { width: 250px; text-align: center; }
.inittrade .right { width: 250px; text-align: center; }

.bundles { margin-top: 25px; }

.foursquareimport h1 { font-size: 20px; }
.foursquareimport .step { margin: 10px 0px 20px 0px; }
.foursquareimport .menu { float: left; width: 250px; }
.foursquareimport .menu div { margin-bottom: 5px; }
#foursquareplaces { width: 320px; float: left; height: 271px; overflow: auto; overflow-x: hidden; margin: 8px 0px 0px -9px; }
.foursquarelisting { padding: 9px 0px 9px 50px; font-weight: bold; position: relative; }
.foursquarelisting .img { position: absolute; top: 8px; left: 8px; }
.foursquarelisting .overflow { overflow: hidden; width: 265px; }
.foursquarelisting.current { background: url('../images/foursquare-selected.png') no-repeat; text-decoration: none; }
.foursquarelisting .name { width: 400px; }
.foursquarelisting .address { width: 400px; font-size: 12px; font-weight: normal; }
#placecard { float: left; margin: 8px 0px 0px 20px; }
#placecard .padding { }
#placecardimage { width: 250px; height: 150px; }

.thumb { border: 3px solid #fff; cursor:pointer; }
.selected { border: 3px solid #b6bf35; }
.maincontent { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #fff; }
.preview-title { font-weight: bold; }
.tip { color: #999; }

.create-secret { font-weight: normal; padding: 5px 0px 5px 0px; }

.secrets-grid { margin-left: -10px; width: 890px; }
.secret-card .hitarea,
.secret-card { }
.secret-card.nomargin { margin: 0px; }
.secret-card .crop_image { width: 250px; height: 150px; margin-bottom: 5px; }
.secret-card .delete { bottom: 10px; }
.secret-card select { width: 250px; }
.secret-card .name { font-weight: bold; }
.secret-card .timestamp { position: absolute; bottom: 13px; }
.secret-card .settings { width: 20px; height: 19px; margin-top: 75px; float: right; background: url('../images/card-settings.png') no-repeat; }
.secret-card .settings:hover { background: url('../images/card-settings.png') 0px -18px no-repeat; cursor: pointer; }
.secret-card .meta { float: left; width: 230px; }
.secret-card .blue-button {  }

.secrets-rows { width: 844px; }
.secrets-rows .secret-card { cursor: pointer;  position: relative; width: 100%; height: auto; background: #f2f2f2; border: 1px solid #ccc; padding: 5px; margin: 0px 0px 2px 0px; line-height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.secrets-rows .secret-card.nomargin { margin: 0px; }
.secrets-rows .secret-card .crop_image { width: 35px; height: 25px; margin: 0px 5px 0px 0px; }
.secrets-rows .secret-card .name { float: left; font-weight: normal; }
.secrets-rows .secret-card .location { float: right; margin-right: 5px; }

.viewtype { padding: 4px 4px 2px 4px; float: left; margin: 0px 5px 0px 0px; }
.viewtype.current { background: #E5E5E5; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#search_holder { width: 230px; margin: 5px 0px 0px 5px; float: left; }

input.fade { color: #c0c0c0; }
.dropshadow { -moz-box-shadow: 5px 5px 0px rgba(0,0,0, 0.1); -webkit-box-shadow: 5px 5px 0px rgba(0,0,0, 0.1); }

ul.autocompleter-choices { position:absolute; margin:0; padding:0; list-style:none; border:1px solid #7c7c7c; border-left-color:#c3c3c3; border-right-color:#c3c3c3; border-bottom-color:#ddd; background-color:#fff; text-align:left; margin-top: 1px; z-index:50; background-color:#fff; margin-left: -2px; }
ul.autocompleter-choices li { position:relative; margin: 0 0 0 0; padding: 5px 5px 5px 5px; display:block; float:none !important;  cursor:pointer; font-weight:normal; white-space:nowrap; font-size: 14px; }
ul.autocompleter-choices li.hasimage { padding-left: 40px; }
ul.autocompleter-choices li .img { position: absolute; top: 5px; left: 5px; width: 30px; }
ul.autocompleter-choices li .secondary { font-size: 12px; }

ul.autocompleter-choices li.autocompleter-selected { background-color: #0b68c7; color: #fff; }
ul.autocompleter-choices span.autocompleter-queried { display:inline; float:none; font-weight:bold; margin:0; padding:0; }
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { }
.avatar img { width: 100%; }

.createdthissessionwrapper { padding-top: 20px; border-top: 1px solid #efefef; margin-top: 20px; }

.card-container { height: 270px; width: 270px;  float: left; position: relative; margin: 0px 10px 20px 10px; padding: 0px; }
.card-container:hover { cursor: pointer; }
.card-viewport { height: 250px; width: 250px;  }
.card  { position: absolute; left: 0px; top: 0px; -webkit-transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: .5s; }
.card.flipped { -webkit-transform: rotateY(-180deg); }
.face  { position: absolute; top: 0px; left: 0px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; height: 270px; width: 270px; -webkit-backface-visibility: hidden; box-shadow: 5px 5px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 3px 3px 0px rgba(0,0,0, 0.15); -webkit-box-shadow: 3px 3px 0px rgba(0,0,0, 0.15); }
.face .padding { padding: 10px; }
.card-viewport { height: 306px; width: 310px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-perspective: 600; }
.card  { position: absolute; height: 270px; width: 270px; left: 0px; top: 0px; -webkit-transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: .65s; }
.card.flipped { -webkit-transform: rotateY(-180deg); }
.back { -webkit-transform: rotateY(180deg); }
.card .bundles-listing { height: 190px; overflow: auto; }

.bundlelisting { }
.bundlelisting .del { margin: 0px 2px 0px 0px; color: red; opacity: .25; }
.bundlelisting .del:hover { opacity: 1; cursor: pointer; }

.bundlepage { margin-top: -5px; }
.bundlepage h2 { margin-bottom: 10px; }

.secret_activitiy div { padding: 5px 0px; }