* { padding: 0; margin: 0;}
body { background: #fff; font: 12px/18px Arial, Verdana, sans-serif; color: #333; }

.container { width: 750px; margin: auto; padding-left: 75px; padding-right: 15px; position: relative; }

/* typography */
p { margin-bottom: 15px; }
h1 { background: url(/assets/images/Pinball-Publisher-Network-Logo.gif) no-repeat; width: 739px; height: 61px; display: block; text-indent: -9999px; overflow: hidden; margin-left: -70px;}
h1 a { display: block; width: 739px; height: 61px; }
h2 { font-size: 2em; font-weight: normal; margin-bottom: 1em; line-height: 1.25em; }
h2 .date { font-size: .6em; display: block; }
h3 { font-size: 1.5em; font-weight: normal; margin-bottom: 15px; line-height: 1.25em; }
h4 { margin-bottom: 1em; font-size: 1em; }
.main-content h3 { font-size: 1.1667em; font-weight: bold; }

/* general formatting */
a { color: #5eb0e5; }
ul { list-style: none; margin-bottom: 1em; }
ul.bullet-list { list-style-type: disc; list-style-position: inside; text-indent: -1em; padding-left: 1em; }
ul.bullet-list li { margin-bottom: .5em; }
dl { margin-bottom: 1em; }
dl.faq dt { background: url(/assets/images/Dotted-Line.gif) top repeat-x; padding-top: 1em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; }
ol { list-style-position: inside; text-indent: -1.5em; margin-left: 1.5em; margin-bottom: 15px; }
.hr { background: url(/assets/images/Dotted-Line.gif) repeat-x; height: 2px; margin: 15px 0; }
.clear { clear: both; }
.hidden { display: none; }
.no-pad { padding: 0; }
.container input.short { width: 40px; }
p.loading { background: url(/assets/images/Loading.gif) no-repeat; padding-left: 35px; line-height: 30px; }
.back { text-align: right; margin-top: -45px; margin-bottom: 30px; }
.errors { color: red;}
.errors p { margin: 0; }
fieldset #error_messages { background: url(/assets/images/Dotted-Line.gif) top repeat-x; padding-top: 1em; }

/* forms */

/* large forms */
fieldset.large, fieldset.large .top, fieldset.large .bot { width: 750px; }
fieldset.large .top, fieldset.large .bot { background: url(/assets/images/Extra-Large-Panel.gif) no-repeat; }
fieldset.large label { width: 230px; }
fieldset.large input { width: 240px; }
fieldset.large select { width: 244px; }

/* medium size form */
fieldset .medium input[type="text"] { width: 240px; }
fieldset .medium select { width: 244px; }

/* standard forms */
.action, .medium-action { position: relative; margin-bottom: 45px; clear: both; padding-top: 15px; }
.medium-action { width: 495px; }
input, textarea { font-family: Arial, Verdana, sans-serif; font-size: 1em; }
input.submit { position: absolute; right: 0; }
fieldset input[type="checkbox"] { width: auto; }
fieldset input.radio { width: auto; }
fieldset { border: none; background: #f3f3f3; position: relative; width: 495px; }
fieldset .top, fieldset .bot { background: url(/assets/images/Large-Panel.gif) no-repeat; height: 15px; position: absolute; top: 0; width: 495px; left: 0; }
fieldset .top span, fieldset.large .top a { position: absolute; top: 5px; right: 10px; }
fieldset .bot, fieldset.large .bot { position: static; background-position: bottom; top: auto; bottom: 0; }
fieldset.large .top a { background: url(/assets/images/Questions.gif) no-repeat; width: 120px; height: 30px; display: block; text-indent: -9999px; top: 10px; overflow: hidden; }
fieldset .form { padding: 15px 10px; }
fieldset label { width: 150px; display: block; float: left; text-align: right; margin-right: 15px; }
fieldset li { margin-bottom: 10px; clear: both; }
fieldset textarea { width: 300px; }
fieldset ul { position: relative; }
fieldset #example { display: block; background: #fff; float: left; margin-left: 45px; margin-bottom: 15px; padding: 5px; border: solid 1px #999; }
fieldset ul.left-aligned { float: left; }
fieldset ul.left-aligned label { display: inline; float: none; }

fieldset .custom-images { margin-left: 245px; }
fieldset .custom-images label { float: none; display: inline; }
fieldset .custom-images li { clear: none; }

fieldset .image-container { text-align:center; overflow: auto; width: 705px; max-height: 200px; border: solid 1px #999; padding: 10px; background: #fff; position: relative; }

/* shared resources */
.footer { clear: both; }
.footer li { display: inline; margin-right: 10px; }
.copyright { margin-top: 15px; clear: both; color: #999; }

table { margin-bottom: 15px; width: 495px; text-align: left; border: solid 1px #666; border-collapse: collapse; }
table tbody { background: #eee; }
table th { background: #ccc; padding: 5px; }
table thead th { background: #777; color: #fff; text-transform: uppercase; text-align: left; }
table td { padding: 5px; border: solid 1px #666; }

/* pre-login shared resources */
a.apply-now { background: url(/assets/images/Apply-Now.jpg) no-repeat; width: 242px; height: 106px; display: block; text-indent: -9999px; overflow: hidden; }
a.apply-now:hover { background-position: bottom; }
a.apply-now-small { background: url(/assets/images/Apply-Now-Small.gif) no-repeat; width: 238px; height: 45px; display: block; text-indent: -9999px; overflow: hidden; margin-bottom: 15px; }
a.apply-now-small:hover { background-position: bottom; }

.small-panel { background: url(/assets/images/Small-Panel.gif) no-repeat; margin: 15px 0; padding-top: 15px; padding-left: 15px; width: 225px; }
.small-panel .bot { background: url(/assets/images/Small-Panel.gif) bottom left no-repeat; height: 7px; margin-left: -15px; }
.small-panel label { width: 65px; display: block; float: left; }
.small-panel ul input { float: left; width: 140px; }
.small-panel li { height: 30px; }
.small-panel .links { text-align: right; padding-right: 15px; }
.small-panel .links input { margin-bottom: 15px; }
.small-panel .emphasized { font-weight: bold; }
.small-panel h3 span { font-size: .7em;}
.highlight { background-image: url(/assets/images/Small-Panel-Highlight.gif); }
.highlight .bot { background-image: url(/assets/images/Small-Panel-Highlight.gif); }

/* post-login shared resources */
.welcome { position: absolute; right: 18px; top: 110px; }
.welcome a { text-decoration: none; font-weight: bold; }

/* nav */
ul.nav { position: relative; background: #666; height: 30px; width: 750px; margin-top: 10px; margin-bottom: 45px; }
ul.nav a { color: #fff; text-decoration: none; height: 30px; line-height: 27px; display: block; padding: 0 10px; border-right: solid 1px #fff; }
ul.nav a:hover { text-decoration: underline; }
ul.nav .active a:hover { text-decoration: none; }
ul.nav li { float: left; background: #666; width: 100px; }
ul.nav .first { padding-left: 0; }
ul.nav .first span, .nav .last span { background: url(/assets/images/Nav-Ends.gif) bottom left no-repeat; display: block; width: 12px; height: 30px; float: left; }
ul.nav .last { position: absolute; right: 0; }
ul.nav .last span {background-position: bottom right; float: right; width: 12px; }
ul.nav .active { background: #5eb0e5; }
ul.nav .active .first span { background-position: top left; }

/* Two Column Layout - Left Sidebar */
.two-col .sidebar { width: 240px; float: left; margin-right: 15px; }
.two-col .main-content { margin-left: 255px; }
.two-col .secondary-nav li { margin-bottom: 15px; }
.two-col .secondary-nav a { color: #fff; background: url(/assets/images/Small-Heading-Background.gif) top left no-repeat; display: block; width: 240px; height: 30px; text-decoration: none; line-height: 30px; padding-left: 15px; font-family: Georgia, serif; font-size: 1.33em; }
.two-col .secondary-nav a:hover { background-position: bottom left; }
.two-col .secondary-nav .active a { background-position: bottom left; }

/* Home Page */
.home h2 { font-size: 40px; font-weight: normal; line-height: .95em; letter-spacing: -.025em; margin-bottom: 0; }
.home .main-content, .post-home .main-content { width: 495px; float: left; }
.home h4 a { background: url(/assets/images/Heading-Background.gif) no-repeat; height: 45px; color: #fff; font-size: 18px; font-family: Georgia, serif; font-weight: normal; line-height: 45px; padding-left: 15px; margin: 10px 0; display: block; text-decoration: none; }
.home h4 a:hover { background-position: bottom left; }
.home .main-content p { padding-left: 15px; }
.home #news p { padding-bottom: 1em; padding-top: 1em; padding-left: 0; border-bottom: solid 1px #333;}
.side-panel { float: left; width: 240px; margin-left: 15px; }


/* AgereCheck Home */
.jqmWindow .agreeCheck{position:relative;height:280px;}
.jqmWindow .agreeCheck p.title{color:#5EB0E5;font-size:18px;}
.jqmWindow .agreeCheck p.check{margin:15px;padding-left:25px;position:relative;}
.jqmWindow .agreeCheck p input {margin: 2px 0 0 -20px;float:left;cursor:pointer;}
.jqmWindow .agreeCheck #agreeSubmit {right:5px;bottom:5px;}
#agreeCheck_window {background:#FFF;}



/* Post Login Home */
.post-home h2 { font-size: 2em; }
.post-home .news p, .post-home .news h3, .post-home .news h4 { padding: 0 5px; }
.post-home .news h3 { margin: 0;}
.post-home .news h4 { background: #ddd; line-height: 2em; }

.post-home .small-panel ul { font-size: 1.25em; }
.post-home .small-panel ul label { width: 140px; }
.post-home .small-panel li { height: auto; margin-bottom: 9px; }

a.get-started { background: url(/assets/images/Get-Started.gif) no-repeat; width: 242px; height: 77px; display: block; text-indent: -9999px; overflow: hidden; margin-top: 50px; }
a.get-started:hover { background-position: bottom left; }

/* Welcome */
#welcome h2 { font-size: 40px; margin-bottom: .25em; }
#welcome h3 { font-size: 22px; }
#welcome h4 { font-size: 12px; }

/* Promo Messages */
.promo-messages .filler { height: 100px; }
.promo-messages p { padding-right: 15px; }
.promo-messages div div { display: none; background: #f3f3f3; }
.promo-messages .active { display: block; }

/* Referral Page */
input#referral { width: 495px; font-size: 1.5em; padding: .25em; margin-bottom: 15px; }

/* Content Manager */
#content-manager .nav { width: 260px; float: left; }
#content-manager .categories { background: #fff; border: solid 1px #333; margin-top: 10px; height: 632px; }
#content-manager .search input { float: left; }
#content-manager .search input[type="text"] { width: 185px; border: solid 1px #333; font-size: 14px; padding: 2px; margin-right: 5px; }
#content-manager .nav input { width: auto; }
#content-manager .content-list { width: 450px; margin-left: 15px; float: left; background: #fff; }
table.thumbs th, table.thumbs td { background: #fff; color: #333; text-transform: none; }
#content-list { width: 450px; float: left; margin-left: 15px; background: #fff; }
#content-list th { background: #fff; color: #333; }
#content-list h3 { float: left; }
#content-list .list-switch { float: right; }
#content-list .new-container { background-color:#ffff80; }
#content-list .new { color:#009900;font-size:10px;line-height: 1.1em; }
table#content-list input { width: auto; }
#content-list thead th { border: solid 1px #333; text-transform: none; font-weight: normal; }
#content-list thead label { float: none; display: inline; text-align: left;}
#content-list tfoot td { padding: 5px; }
#content-list .paging { text-align: right; margin: 0; }
#content-list .paging li, #content-list .paging strong { display: inline; padding: 0 3px; margin-left: 2px; }
#content-list .paging strong { background: #5eb0e5; color: #fff; }
#content-list tbody a { display: none; position: absolute; top: 0; left: 0; height: 86px; width: 100%; padding-top: 15px; color: #111; text-decoration: none; background: url(/assets/images/Gray.png); }
#content-list tbody .active a { display: block; }
#content-list td { background: #fff; padding: 0; }
#content-list img { position: inherit; width: 100px; height:75px; }
#content-list div { position: relative; width: 123px; height: 75px; text-align: center; padding: 13px; }
#content-list tbody input { position: absolute; top: 3px; left: 3px; z-index: 3; height: 14px; width: 14px; }

#c_software {margin:5px 25px 0 0;float:left;width:45px;height:45px;display:block;background: url('/assets/images/c_software.png') no-repeat;}
#c_game     {margin:5px 25px 0 0;float:left;width:45px;height:45px;display:block;background: url('/assets/images/c_game.png') no-repeat;}
#c_video    {margin:5px 25px 0 0;float:left;width:45px;height:45px;display:block;background: url('/assets/images/c_video.png') no-repeat;}
#c_wallpaper{margin:5px 25px 0 0;float:left;width:45px;height:45px;display:block;background: url('/assets/images/wallpaperemot.png') no-repeat;}


.content-home{border-radius:15px;}

#viewLoading1, #viewLoading2, #viewLoading3 {display:none;float:left;width:16px;height:16px;margin-left:5px;}

.content-home #step1 ul select, .content-home #step1 ul a {float:left;margin:0 10px 15px 0;}
.content-home #step2 h4 span, .content-home #step3 h4 span {float:left;}

.content-home #step2,.content-home #step3,.content-home #step4 {display:none;}
.content-home #step2 #productPage{display:block;height:650px;width:730px;overflow:hidden;}
.content-home #step2 #productPage ul span{display:block;text-align:center;}
.content-home #step2 #cPager{float: right;margin-right:25px;}
.content-home #step2 #cPager a{border-radius:3px;margin-left:5px;background:#666;text-decoration: none;padding:3px 8px;}
.content-home #step2 #cPager a.selected{margin-left:5px;background:#FFF}
.content-home #step2 li{border-radius:5px;cursor:pointer;border:5px solid #F3F3F3;height:92px;text-align:center;display:inline;float:left;clear:none;margin:0 10px 5px 0;}
.content-home #step2 li img{max-width:100px;max-height:75px;}
.content-home #step2 li:hover{border:5px solid #333;}

.content-home #step2 li.normal{border:5px solid #F3F3F3;}
.content-home #step2 li.selected{border:5px solid #5EB0E5;}

.content-home #step3 #methodTab li{border-top-right-radius:5px;border-top-left-radius:5px;background: #666;color:#FFF;cursor:pointer;text-align:center;display:inline;float:left;clear:none;margin:0 10px 0 0;border:2px solid #666;border-bottom:none;padding:2px 10px;}
.content-home #step3 #methodTab li.selected{background: #FFF;color:#666;font-weight:bold;}
.content-home #step3 #distriContent{border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border: 2px solid #666;display:block;clear:both;padding:5px;}
.content-home #step3 #distriContent table {border: none;}
.content-home #step3 #distriContent table tbody{background: none;}
.content-home #step3 #distriContent table td{border: none;text-align:center;}

.content-home #step3 #distriContent #methodBox-1 table {margin:5px 0;}
.content-home #step3 #distriContent #methodBox-1 table #txtOR {font-size:15px;font-weight:bold;}

.content-home #step3 #distriContent #methodBox-2 #buttonsList li{border-radius:5px;position:relative;cursor:pointer;border:5px solid #F3F3F3;display:inline;float:left;clear:none;margin:10px 25px 5px 0;text-align:center;padding:5px;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList li:hover{border:5px solid #333;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList li.empty:hover{border:5px solid #F3F3F3;cursor:default;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList li.selected{border:5px solid #5EB0E5;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList li img{width:180px;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList li a{cursor:pointer;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList .clear{width:100%;display:block;border: none;cursor:none;}
.content-home #step3 #distriContent #methodBox-2 #buttonsList .clear:hover{border: none;}

.content-home #step3 #distriContent #methodBox-2 #bannersList li{border-radius:5px;position:relative;cursor:pointer;border:5px solid #F3F3F3;display:inline;float:left;clear:none;margin:10px 25px 0 0;text-align:center;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li:hover{border:5px solid #333;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li.empty:hover{border:5px solid #F3F3F3;cursor:default;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li.selected{border:5px solid #5EB0E5;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li.clear{display:block;width:95%;border:none;float:none;clear:both;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li.bannW{margin:10px 15px 0 0;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li img.square{max-width:170px;height:140px;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li img.tall{width:50px;max-height:180px;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li img.wild{width:330px;height:40px;}
.content-home #step3 #distriContent #methodBox-2 #bannersList li a{cursor:pointer;}

.content-home #step3 #distriContent #methodBox-3 .lpThumbBox {cursor:pointer;border-radius:5px;position:relative;display:block;float:left;width:200px;border:5px solid #F3F3F3;margin:15px 10px;}
.content-home #step3 #distriContent #methodBox-3 .lpThumbBox:hover{border:5px solid #333;}
.content-home #step3 #distriContent #methodBox-3 .lpThumbBox.selected{border:5px solid #5EB0E5;}
.content-home #step3 #distriContent #methodBox-3 .lpThumbBox img{width:200px;}
.content-home #step3 #distriContent #methodBox-3 .lpThumbBox span{text-align:center;display:block;}

.content-home #step3 #boxPreview {display:none;}
.content-home #step3 #boxPreview .infosPreview{display:block;height:30px;text-align:center;line-height:40px;font-weight:bold;}
.content-home #step3 #closePreview{cursor:pointer;right:-16px;top:-16px;width:32px;height:32px;display:block;background: url('/assets/images/close.png') no-repeat;position:absolute;}
.content-home #step3 .lbPreview,.content-home #step3 .lpPreview{z-index:500;cursor:pointer;right:-19px;top:-19px;width:32px;height:32px;display:block;background: url('/assets/images/preview.png') no-repeat;position:absolute;}

.content-home #step4 #btn_accept {position: relative; margin:10px auto 20px auto;height: 60px;}
.content-home #step4 {text-align:center;}


/* Help Tooltips */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #999; background-color: #fff; padding: 5px; max-width: 300px; }
#tooltip h3 { font-size: 1em; margin: 0;}
a.help { background: url(/assets/images/Help-Icon.gif) no-repeat; height: 19px; width: 19px; display: inline-block; vertical-align: top; }

/* Program Summary */
.summary-options { margin-left: 245px; }
div.summary-options input { width: auto; }
.summary-terms { padding: 0 45px; }
textarea.script { height: 85px;}
.summary .agreeCheck p{font-weight:bold;color: #333; width: 100%; float: none; clear: both; margin: 25px 10px 0 10px;padding-left:20px;}
.summary .agreeCheck p input{float:left;margin:2px 5px 0 0;cursor:pointer;}


/* Reports */
.report-controls ul { margin: 0; }
.report-controls table.filtering ul li { display: inline; margin-right: 15px; color: #fff; }
.report-controls li a { color: #fff; text-transform: uppercase; }
.report-controls li a.active { color: #bbb; text-decoration: none; }
.report-controls table { background: #ccc; width: 750px; }
.report-controls table th { border: solid 1px #333; }
.report-controls table.filtering li { color: #333; }
.report-controls option { padding: 0 5px; }

/* Join Page */
.join #recaptcha_area {margin:0 0 0 245px;}
.join fieldset p { color: red; margin-left: 10px; width: 200px; float: right; clear: right; margin: 0; }
.join .agreeCheck p{font-weight:bold;color: #333; width: 100%; float: none; clear: both; margin: 25px 10px 0 10px;padding-left:40px;}
.join .agreeCheck p input{float:left;margin:2px 5px 0 0;cursor:pointer;}

/* Account Info */
.account-info .form ul { margin-bottom: 2em; }
.account-info label { font-weight: bold; }
.account-info p { color: red; margin-bottom: 0; }
.account-info .errors { margin-bottom: 1em; }
.account-info a.edit-account { cursor: pointer; }

/* Error */
.error ul { list-style-type: disc; list-style-position: inside;}
.error h2 { margin-top: 1.5em; }
.error .copyright { margin-top: 60px; }

/* maintenance page */
.zc-logo { vertical-align: middle;}


/* Modal Dialog */
/* jqModal base Styling courtesy of; Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 15px; }
.jqmWindow input[type="text"] { width: 250px; }
.jqmOverlay { background-color: #000; }
.jqmClose { background: url(/assets/images/Close.gif) no-repeat; height: 15px; width: 15px; position: absolute; top: 7px; right: 7px; text-indent: -9999px; overflow: hidden; cursor: pointer; }