/*
Theme Name: Disney Parks
Description: A custom WordPress theme developed by <a href="http://voceconnect.com/">voce_connect</a>.
Version: 1.0
Author: Pete Schiebel
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; text-align: center; padding-bottom: 30px; background: #eef7fc url(images/bg-body.jpg?v=20141713) repeat-x top center;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/*font, center {color: #eecc11; font-weight: bold; background: #cd0000; margin: 10px; padding: 10px; border: 2px dashed #eecc11; font-size: 2em;}*/
/*iframe {max-width: 100px;} */
#page-con-header { height: 40px; }
.page-con div {position: relative;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
ul {list-style: none;}
.page-con a {outline: none; text-decoration: none; color: #056287; position: relative; z-index: 20;}
.page-con a:hover {text-decoration: underline;}
.clr {clear: both; height: 0px; overflow: hidden;}
/*Sprited Images*/
.sprite, .post-title p span.mouse-icon, .comment-count a, .top button, .top input, .nav-primary input, .nav-primary button, .comment-form button, .paging a.next, .paging a.prev, .comment-top h1 span a {background: url(images/sprite.png?v=20140713) no-repeat;}
#exit-page, #page-con {margin: 0 auto; text-align: left; width: 993px; font-family: Arial; font-size: 12px; color: #333; line-height: 1.2em;}
.top {width: 993px; height: 28px; line-height: 28px; background: url(images/bg-top.gif?v=20140713) repeat-x;}
.top form {float: right; width: 133px;}
.top input {background-position: -188px -106px; width: 97px; height: 18px; border: none; vertical-align: middle; font: 11px Arial; color: #012468; padding: 2px 0 0 6px;}
.top button {background-position: -274px -143px; border: none; width: 26px; height: 17px; vertical-align: middle;}
.top ul {float: left; display: inline; margin: 0;}
.top li {float: left; display: inline; border-right: 1px solid #b8ccd9; font-size: 11px; font-weight: bold;}
.top ul a {color: #012468; line-height: 28px; padding: 7px 14px 8px 14px; background: url(images/bg-nav-white-a.gif?v=20140713) repeat-x; text-decoration: none}
.top ul a:hover {background: #fff; text-decoration: none;}
.top ul.nav-blue a {color: #fff; background: none;}
.top ul.nav-blue a:hover, .top ul.nav-blue a.selected {background: url(images/bg-nav-blue-a.gif?v=20140713) repeat-x;}
.top a.logo {display: block; width: 80px; height: 28px; background-position: 0 -192px; text-indent: -9999px; float: left;}
.big-photo {width: 993px; margin-top: 10px;}
.nav-row {height: 170px; width: 991px; margin-top: -83px; float: left;}
a.big-logo {float: left;}
.nav-primary {float: right; width: 625px; height: 45px; background: url(images/bg-nav-primary.png?v=20140713); margin-top: 85px; padding: 40px 12px 0 0;}
.nav-primary ul {margin: 3px 0 0 0;}
.nav-primary li {float: left; display: inline;}
.nav-primary li a {font-weight: bold; font-size: 16px; color: #fff; padding: 2px 19px;}
.nav-primary li a:hover, ul.home li a.home, ul.about li a.about, ul.archives li a.archives, ul.contact-us li a.contact-us {color: #fe7402; text-decoration: none;}
.nav-primary form {float: right; margin-top: -9px; width: 218px;}
.nav-primary input {width: 164px; height: 23px; border: none; background-position: -92px -191px; vertical-align: middle; line-height: 29px; padding: 6px 0 0 4px; margin: 0 -3px 0 0; color: #5c9209; font: 13px Arial;}
.nav-primary button {background-position: -92px -221px; height: 29px; border: none; width: 49px; vertical-align: middle; line-height: 29px; padding: 0; margin: 0;}
.social-row {width: 992px; height: 35px; margin-top: 6px; z-index: 30;}
.quick-updates {height: 35px; width: 744px; float: left; font-size: 11px; color: #fff; background:url('images/bg-quick-updates.png?v=20120427') no-repeat;}
.quick-updates img {position: absolute; top: 0; left: 0;}
.quick-updates .tweet-list a {color: #fff; padding: 8px 14px 0 0; line-height: 17px; position: relative; z-index: 20; display:block;}
.quick-updates span {float: right; position: relative; z-index: 20;}
.quick-updates span a {display: block; background-position: -140px -106px; width: 33px; height: 11px; text-indent: -9999px; margin-top: 3px; overflow: hidden;}
.quick-updates span a:hover {background-position: -140px -121px;}
.quick-updates .quick-update-link { float:left; width:140px; height:35px; }
.quick-updates .tweet-list { float:left; width:530px; height:28px; overflow:hidden; padding-top:2px; }
.quick-updates .tweet-list ul { position:relative; }
.quick-updates .quick-update-more { float:left; width:74px; }
.quick-updates a.quick-link { display: block; width: 140px; height: 17px; background-position:-170px 0; text-indent: -9999px; margin-top:10px; }
.quick-updates a.quick-link:hover {background-position: -170px -18px;}
.quick-updates .quick-update-more a.more { background-position:-250px -34px; text-indent: -9999px; display:block; width:60px; height:13px; float:right; margin-top:10px; }
.quick-updates .quick-update-more a.more:hover { background-position:-250px -48px; }
.subscribe {height: 35px; width: 147px; float: right; padding-left: 94px;}
.subscribe img {position: absolute; top: 0; left: 0;}
.subscribe a {display: block; height: 35px; width: 65px; text-indent: -9999px; float: left; position: relative; z-index: 20;}
.subscribe a.rss {background-position: 0 -103px;}
.subscribe a.rss:hover {background-position: -140px -143px;}
.subscribe a.email {background-position: -65px -103px;}
.subscribe a.email:hover {background-position: -205px -143px;}
.category-pirateinvasion .subscribe a, .category-menehune .subscribe a {background-image: url(images/pirate/bg-subscribe.png);}
.subscribe a:hover {background-position: bottom left;}
.columns {padding-top: 1px; padding-top: 8px; width: 993px;}
.content {float: left; width: 674px;}
.content img.wp-smiley {display: inline; vertical-align: middle;}
.content h1, .content h2, .content h3, .content h4, .content h5 { padding-top: 18px;}
.content h1, .content h1 a {font-weight: normal; color: #7eac03; font-size: 25px; line-height: 25px;}
.content h2.pagetitle {font-weight: normal; color: #006289; font-size: 30px; margin-top: -10px; padding-bottom: 22px; line-height:30px;}
.post-top h1 {padding-top: 5px;}
.content h2, .content h2 a {font-size: 18px; color: #d69701; font-family: Georgia; padding: 10px;}
.content h3, .content h3 a {font-size: 16px; color: #006289;}
.content h4, .content h4 a {font-size: 14px; font-family: Georgia; color: #000;}
.content h5, .content h5 a {text-transform: uppercase; font-weight: bold;}
.content p {padding-top: 15px;}
.content table {margin-top: 15px; border: 1px solid #0785b7; border-right: none;}
.content th {font-weight: bold; padding: 10px 8px 8px 8px; background: #0785b7; color: #fff; border-right: 1px solid #52b3cc}
.content td {padding: 8px; border-right: 1px solid #0785b7; border-top: 1px solid #0785b7;}
.content tr.alt td {background: #dddfe0;}
.content form {margin-top: 15px;}
.content label {}
.content input {}
.content textarea {}
.content blockquote {margin: 15px 20px 0 20px; padding: 0 12px 12px 12px; background: #0785b7; border: 2px solid #30785b7; color: #fff;}
.content blockquote p {color: #fff;}
.content ul, .content ol {margin: 15px 0 0 25px;}
.content ul {list-style: disc;}
.content li {padding-top: 2px;}
.alignright {float: right; margin: 15px 0 10px 25px; display: inline;}
.alignleft {float: left; margin: 15px 25px 10px 0; display: inline;}
.aligncenter {margin: 15px auto 0 auto; text-align: center;}
div.aligncenter img {display: inline; vertical-align: middle; margin: 15px 5px;}
.post, .type-page, .hentry, .post- {width: 613px; background: url(images/bg-post.png?v=20140713) repeat-y; padding: 0 29px 0 32px; margin-bottom: 14px;}
.post-excerpt {background-image: url(images/bg-post-orange.png?v=20140713);}
.avatar-holder {float: left; width: 79px; height: 79px; margin-right: 22px; z-index: 20;}
.avatar-holder img {position: absolute; top: 0; left: 0; z-index: 20;}
.avatar-holder img.avatar {position: relative; z-index: 10; margin: 3px 0 0 3px; width: 70px; height: 70px;}
.post-top {width: 613px; margin: 0 -29px 0 -32px; padding: 21px 29px 0 32px; z-index: 20;}
.post-top img.png-fix {position: absolute; top: 0; left: 0px;}
.post-top hr {background: #ddf4fa; height: 1px; border: none; overflow: hidden; margin-top: 12px; width: 613px; position: relative; z-index: 20; }
.post-title {width: 510px; float: left; display: inline; z-index: 20; position: relative; }
.post-title p {padding: 10px 0 0 25px; color: #333; position: relative;}
.post-title p span.mouse-icon { position:absolute; top:10px; left:0; width:18px; height:17px;  }
.comment-count {clear: both; margin-top: 20px; border-top: 1px solid #ddf4fa; border-bottom: 1px dashed #ddf4fa; padding: 7px; font-size: 11px; overflow: hidden;}
.com-right {margin-top: 2px; float: right;}
.meta-share {float: left;}
.comment-count p {/*float: right;*/ font-weight: bold; position: relative; z-index: 20; padding-top: 0; width: auto;}
.comment-count a { background-position: 1px -51px; padding-left: 20px;}
.comment-count span.share-this {position: relative;}
.comment-count span.share-this a.stico_default {padding-left: 20px; margin-right: 8px; background: url(images/sprite.png?v=20140713) no-repeat -277px -195px !important;}
.comment-count li a {padding-left: 16px; zoom: 1; float: left; margin-right: 10px; color: #3c3c3c; float: left;}
.comment-count ul.coms {margin: 0; list-style: none; clear: both;}
.comment-count ul.coms li {float: left; margin-left: 14px;}
.comment-count ul.coms li.twitter-chicklet {margin-left: 2px;}
.comment-count ul.coms li.facebook_frame {margin: 0 0 0 18px;} /* should be set to 0 when like btn is put back in */
.comment-count ul.coms li.google-one {margin-left: 18px; padding-top:4px;}

.content p.meta {font-size: 11px; padding: 6px 0 0 7px;}
.entry {z-index: 20; padding-bottom: 20px;}
.post-bottom {position: absolute; bottom: -6px; left: 0; z-index: 1;}
.navigation div.alignleft {float: left; width: auto;}
.navigation div.alignright {float: right; width: auto;}
.sidebar {float: right; width: 312px;}

/* widgets */
.widget {margin-bottom: 8px; padding: 1px; width: 308px; background: #fff; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding; box-shadow: #69b7d6 1px 1px 4px;}
.widget .inset {background: transparent url(images/bg-block.png?v=20140713) 0 41px repeat-x; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding;}
.widget h3 {padding-left: 41px; height: 41px; background: transparent url("images/sprite-side-head-back.png") 0 0 no-repeat; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font: 16px Helvetica, Arial, sans-serif; color: #fff; line-height: 41px; position: relative; -moz-text-shadow: #6374AB 2px 2px 0; text-shadow: #6374AB 2px 2px 0;}
.widget.green h3 {background-position: 0 -42px;}
.widget h3 span.icon {width: 25px; height: 25px; background: transparent url("images/sprite-side-hed-icons.png") 0 0 no-repeat; position: absolute; top: 8px; left: 9px;}
.widget.cat-and-arc {padding: 1px; width: 308px; height: 138px; }
.widget.cat-and-arc .inset {height: 137px; background: transparent url("images/back-cat.png") 0 41px no-repeat;}
.widget.cat-and-arc h3 span.icon {background-position: 0 -50px;}
.widget.cat-and-arc .inset .content {padding-left: 96px; width: auto;}
.widget.recent h3 span.icon {background-position: 0 -25px;}
.widget.video h3 span.icon {background-position: 0 -75px;}
.widget.recent .block {width: 307px; -moz-border-radius:  0 0 5px 5px; border-radius: 0 0 5px 5px;}
.widget p { margin:15px ; }
.widget .youtube-embed { text-align:center; }
.widget .viddler-embed { text-align:center; }
.widget iframe { margin:0 auto; }
.block {width: 312px;}
.block.recent-posts {background: none; overflow: hidden;}
.recent-posts ul {padding-bottom: 1px; position: relative; border-radius: 0 0 5px 5px;}
.recent-posts li {width: 241px; background: url(images/bg-recent-post-li.gif?v=20140713) no-repeat center left; border-top: 1px solid #fff; border-bottom: 1px solid #b7e6f5; padding: 6px 24px 8px 42px; font-size: 11px; color: #7eac03;}
.recent-posts li span a {font-size: 14px; font-weight: bold; color: #056287; line-height: 16px;}
.recent-posts li.last {border-bottom: none; border-radius: 0 0 5px 5px;}
.recent-posts-bottom {margin: -1px 0 9px 0; position: relative; z-index: 10;}
.recent-posts img {position: absolute; top: 0; left: 0;}
.cat-and-arc {height: 102px; margin-bottom: 8px; padding: 0 0 0 96px; width: 216px;}
.cat-and-arc img {position: absolute; top: 0; left: 0;}
.cat-and-arc select {margin-bottom: 6px; width: 191px; font: 11px Arial; color: #000; padding: 3px 0 4px 0; vertical-align: middle; border: 1px solid #d4d1d1; position: relative; z-index: 20;}
.cat-and-arc select#cat {margin-top: 18px;}

/*.cat-and-arc button {border: none; background: url(images/bg-button.gif?v=20140713); height: 25px; width: 31px; font: 11px Arial; color: #056287; text-align: center; vertical-align: middle; margin: 0 0 6px -4px;}*/
.conversation p {color: #000; line-height: 16px; padding: 11px 34px 0 24px;}
.conversation ul {margin: 15px 35px 0 27px;}
.conversation li {font-size: 11px; color: #7eac03; line-height: 16px; padding: 7px 21px 9px 21px; background: #efefef;}
.conversation li.alt {background: transparent;}
.conversation li a {font-weight: bold; color: #056287;}
.photos {height: 170px; background: url(images/bg-photos.png?v=20140713); padding: 39px 0 0 31px; width: 281px;}
.photos p {text-align: center; font-weight: bold; padding: 25px 35px 0 0; font-size: 14px;}
.photos img {float: left; display: inline; margin-right: 9px;}
.jobs {height: 83px;}
.paper {width: 283px; background: url(images/bg-paper.jpg?v=20140713) 6px 0 repeat-y; margin-left: 12px;}
.paper ul {margin: -95px 35px -60px 27px; position: relative; z-index: 20;}
.comment-policy {width: 210px; height: 290px; padding: 0 24px 0 18px; margin: 15px 0 0 34px; color: #fff;}
.comment-policy img {position: absolute; top: 0; left: 0;}
.comment-policy p {line-height: 13px; padding-top: 10px; font-size: 11px; position: relative; z-index: 20;}
.comment-policy h5 {font-weight: bold; font-size: 12px; padding-top: 22px; position: relative; z-index: 20;}
.comment-policy a {color: #fff; font-weight: bold;}

.footer {width: 993px; margin: 43px auto 0 auto; background: url(images/bg-footer.png?v=20140713) no-repeat; padding-top: 55px; text-align: center; color: #000;}
.footer p {font-size: 10px; line-height: 16px;}
.footer p a {color: #000; text-decoration: underline; font-size: 12px;}
.footer p a:hover {text-decoration: none;}
#ipad-link {margin: 10px 0 0 0; text-align: center;}
h3#comments, h3#respond {padding-top: 12px;}
#commentform {margin-top: 20px; background: #C5C5C5; border: 1px solid #999; padding: 2% 4%;}
#commentform p {padding: 8px 0 0 0; margin: 0;}
#commentform input {width: 40%;}
#commentform textarea {width: 90%; height: 150px;}
#commentform label {font-size: 1.2em; color: black;}
#commentform input#submit {background: black; color: white; padding: 3px 5px; text-align: center; font: bold 12px Arial; width: auto;}

/*Archives page*/
.arcs {z-index: 20; overflow: auto; margin-bottom: 20px; width: 613px;}
.arcs li span {float: right; color: #7EAC03; font-weight: normal; z-index: 10; margin-left: 5px;}
.arcleft {float: left; margin-right: 20px; width: 290px;}
.arcright {float: right; width: 300px;}
.arcs ul {padding: 10px 0 0  0; margin: 0; list-style: none;}
.arcs ul li {list-style: none; padding: 0; display: inline;}
.arcs a { text-decoration: none; display: block; font: bold 13px Arial; padding: 5px 4px; line-height: 16px; border-top: 1px solid #DDF4FA; width: 282px;}
.arcs ul li a:hover {text-decoration: none; background: #11729f; color: #fff;}
.arcs ul li a:hover span {color: #fff;}
.arcright ul li p {padding: 4px; line-height: 18px; color: #f77000;}
.arcright ul li p a, .arcright ul li p a:hover {display: inline; font: 12px Arial; background: transparent; padding: 0; line-height: 18px; border-top: none; width: 292px;}
.arcright ul li p a:hover {text-decoration: underline; color: #11729f}
.tag-cloud p {padding: 10px 0;}
.tag-cloud p a {padding: 4px;}
/*Comments section*/
.comment-top {background: #f5f5f5; margin-top: 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.comment-top h1 {font-size: 20px; color: #006289; padding: 13px;}
.comment-top h1 span a {font-size: 13px; font-weight: bold; background-position: -278px -167px; padding-left: 19px; margin-left: 15px;}
.comment-top h1 span a.add-yours {background-position: 0 -53px;}
.comment {border-bottom: 1px solid #e5e5e5; padding: 10px 10px 13px 10px;}
.comment.alt {background: #effafe;}
.comment h2 {font-size: 13px; color: #006289; border-bottom: 1px solid #e7f5f9; padding:12px 0 10px 0;}
.comment.alt h2 {border-bottom: 1px solid #fff;}
.comment-number {background: url(images/bg-comment-number.png?v=20140713) no-repeat top left; color: #e7a327; font-size: 18px; text-align: center; font-weight: bold; padding: 5px 10px 4px 30px; float: left; margin: 8px 0 0 0px; display: inline;}
#commentform {position: relative; z-index: 20; border: none; background: none; padding: 0; margin-top: 10px;}
.comment-form {padding-bottom: 25px;}
.comment-form h1 {color: #d69701; border-bottom: 1px solid #ecebea; padding-bottom: 9px;}
.comment-form button {width: 72px; height: 32px; background-position: -155px -221px; border: none; margin: -5px 12px 0 0; float: left;}
.comment-form input, .comment-form textarea {border: 1px solid #cdcdcd;}
#commentform p.button {font-size: 10px; padding-top: 20px;}
.comment-list {padding-bottom: 25px;}
.paging {float: right; margin: 13px 13px 0 0; display: inline; background: url(images/bg-paging.gif?v=20140713) repeat-x; height: 30px;}
.paging p {padding: 0;}
.paging a, .paging span.page-numbers {float: left; display: inline;color: #fff; padding: 6px; font-weight: bold;}
.paging span.page-numbers {background: #056287;}
.paging span.dots {background: none;}
.paging a.next, .paging a.prev {display: block; width: 26px; height: 30px; background-position: -245px -225px; text-indent: -9999px; padding: 0;}
.paging a.next {background-position: -274px -225px;}
ul.children {margin: 0;}
.comment.byuser {background: url(images/bg-comment-author.gif?v=20140713) repeat-x bottom left; padding: 0px;}
.comment.byuser p {padding: 15px 10px 13px 10px;}
.comment.byuser .comment-number {display: none;}
.comment.byuser h2 {margin: 0; background: url(images/bg-author-comment.jpg?v=20140713) no-repeat; display: block; padding: 10px 20px 10px 50px; color: #fff;}
.comment .avatar {display: none; position: relative; z-index: 100;}
.comment.byuser .avatar {display: inline; float: right; border: 5px solid #fff; margin: 8px 20px 0 0;}

#white-center {background: #FFF; width: 600px; margin: 150px auto; padding: 20px;}
#white-center h1 {font-size: 20px; color: #006289; }
#white-center p {padding-top: 15px; font-size: 14px;}
#white-center p small {font-size:11px;}
.the-archives {padding-left: 25px; width: 620px}
img.video-top {margin-top: 9px;}

.gallery-top, .gallery, .gallery-bottom {margin-left: 17px;}
.gallery {background: url(images/bg-gallery.gif?v=20140713) repeat-y; width: 247px; padding-left: 15px; padding-right: 13px; margin-top: -45px; z-index: 20;}
.gallery embed, .gallery object {margin: -32px 0 8px 0;}
.gallery-bottom {position: relative; margin-top: -54px; z-index: 1; padding-bottom: 12px;}
.gallery p.click {text-align: right; font: bold 13px Arial; padding: 12px 0 0 0; background: url(images/bg-more-videos.gif?v=20140713) no-repeat 85px 10px; display: block; height: 20px;}

.toggles {margin: 12px 12px 12px 0; float: right; background: transparent url("images/bg-toggles.png") 0 0 repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding; color: #fff;}
.toggle a {color: #fff;}
.toggle {margin: 6px; overflow: hidden;}
.toggle .count {border-left: 1px solid #00a6da; float: left; padding: 3px 10px 1px 10px; line-height: 24px;}
.toggle .txt_photo-thumbs {border-right: 1px solid #005886; padding: 2px 0 0 33px; height: 27px; float: left; background: transparent url("images/icon-thumbs.png") 4px 4px no-repeat; display: block; }
.box_info p span strong {color: #7EAC03;}

.gallery-tease-top {margin-top: 18px; width: 613px; background: #daeffa;}
.gallery-tease-top h4 {padding: 0 14px; width: 40px; height: 30px; font: bold 12px Arial, Verdanda, sans-serif; background: transparent url("images/bg-gallery-link-hed.png") 0 0 repeat-x; color: #fff; line-height: 30px; float: left;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.gallery-tease-top p {padding: 0 10px; width: 445px; float: left; line-height: 30px; font-weight: bold;}
.gallery-tease-top a.view {padding-left: 23px; float: left; line-height: 30px; display: block; color:#7EAC03; }

div.gallery-tease-thumbs {margin: 2px 0 0 1px; width: 613px;}

/* media page template */
.page-template-page-media-php .content {width: 993px;}
.page-template-page-media-php .post {width: 932px; background: url(images/bg-post-media.png?v=20140713) repeat-y;}
.page-template-page-media-php .post-top {width: 932px;}
.page-template-page-media-php .post-top hr {width: 932px;}

/* before/after css */
.ba-element {text-align: center; padding-top: 15px;}
.ba-con {margin: 0 auto;}

.gallery-image-wrapper { text-align:center; background:#000; padding:5px 0; }
.gallery-image-wrapper img { margin:0 auto; }
.quiz-loop { z-index:100; padding-bottom:30px; }

.modal-email {
  position: relative;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all .3s ease;
  z-index: 0;
}
.modal-email.show-modal {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 1000;
}
.modal-email:before{
  content: "";
  background: rgba(0,100,137,.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.modal-dialog{
  background: #d8f4ff url(images/bg-modal.png) top center no-repeat;
  border-radius: 5px;
  position: fixed;
  left: 50%;
  margin-left: -250px;
  top: 10%;
  z-index: 110;
  width: 500px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 135px 40px 44px 40px;
  font: bold 13px/17px Arial;
  color: #646363;
  text-align: left;
  box-shadow: 0 0 16px rgba(0,0,0,.28);
}
.modal-dialog p {
  font-size: 11px;
  font-weight: normal;
}
.modal-dialog legend {
  padding-bottom: 10px;
  width: 100%;
}
.modal-dialog label {
  color: #006489;
  font-weight: bold;
  display: block;
  padding-top: 8px;
}
.modal-dialog label span {
  color: #f10000;
}
.modal-dialog input {
  font-weight: normal;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 4px 15px;
  border: 1px solid #bdecff;
  border-radius: 4px;
  height: 35px;
}
.modal-submit {
  text-align: center;
  padding-top: 10px;
}
.modal-submit input {
  width: auto;
  border-color: #f37200;
  color: #fff;
  font: bold 15px/35px Arial;
  padding: 0 50px;
  background: rgb(249,137,0); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ODkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzcyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(249,137,0,1) 0%, rgba(243,114,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,137,0,1)), color-stop(100%,rgba(243,114,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(249,137,0,1) 0%,rgba(243,114,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(249,137,0,1) 0%,rgba(243,114,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(249,137,0,1) 0%,rgba(243,114,0,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(249,137,0,1) 0%,rgba(243,114,0,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98900', endColorstr='#f37200',GradientType=0 ); /* IE6-8 */
}
.modal-close {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background: #1f779b;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 14px;
  position: absolute;
  padding: 3px;
  top: 11px;
  right: 14px;
  text-align: center;
}
.modal-email hr {
  border: none;
  background: #fff;
  height: 1px;
  overflow: hidden;
  margin: 9px 0 9px 0;
}
.modal-email p a {
  color: #006489;
}
.modal-email p.modal-error {
  background: url(images/bg-error.png) no-repeat top left;
  padding-left: 25px;
  color: #f10000;
  font-size: 13px;
  font-weight: bold;
}

/* Wallpaper cards */
.wallpaper-cards { text-align: center; }
.wallpaper-card { display: inline-block; *display: inline; padding: 10px; vertical-align: top; width: 280px; }
.wallpaper-card img { margin: 0 auto; }
.wallpaper-card h3 { color: #333; font-size: 13px; }
.wallpaper-card p { padding-top: 5px; }
.wallpaper-type-buttons { float: right; margin-top: 10px;}
.wallpaper-type-buttons .btn { background: #0091c0 url(images/bg-quick-updates.png) no-repeat center -3px; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,.4); color: #fff; font-size: 14px; margin-left: 10px; padding: 5px 15px; position: relative; text-decoration: none; top: -1px; transition: all .25s; }
.wallpaper-type-buttons .btn.active { font-weight: bold; padding: 7px 20px; }
.wallpaper-type-buttons .btn:hover { box-shadow: 0px 0px 1px rgba(0,0,0,.4); text-decoration: none; top: 1px; }
.wallpaper-type-buttons .btn:active { box-shadow: inset 1px 2px 1px rgba(0,0,0,.25), inset -1px -2px 1px rgba(255,255,255,.3);  top: 2px;}
.wallpaper-navigation { text-align: center; padding: 20px 0; z-index: 20; }