/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
  
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; 
} 
 
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

.unused {
	border: 1px solid red;
}

/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

html, body {
width: 100%;
height: 100%;
font-size: 100%;
font-family: arial,helvetica,clean,sans-serif;
background: url(../img/checkers.png);
}

#wrap {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

#head {
  background: #333;
-webkit-box-shadow: 0px 5px 18px #000;
-moz-box-shadow: 0px 5px 18px #000;
z-index: 100;

}

/* IE6 */
* html .clearfix {
height: 1%;
overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#genr_groups {
overflow: hidden;
width: 25%;
height: 80px;
float: left;
position: relative;
left: 30px;
}

#genr_instances {
height: 80px;
width: 50%;
float: right;
overflow: hidden;
position: relative;
}

ul.thumbrow {
text-align: left;
position: absolute;
white-space: nowrap;
display: none;
margin: 0;

}

ul.thumbrow li {
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}


.thumbrow a {
display: inline-block;
width: 80px;
height: 80px;
position: relative;
color: #fff;
text-decoration: none;
padding: 0 4px;
margin: 0;
text-align: center;
font-weight: bold;
overflow: hidden;
}
.thumbrow a img {
width: 80px;
height: 60px;
border: none;
behavior: url(/media/base/pngbehavior.htc);
}
.thumbrow a span.lbl {
position: absolute;
left: 4px;
top: 60px;
font-size: 10px;
width: 80px;
}

.thumbrow a:hover {
background: #ccc;
color: #000;
}

.thumbrow a.selected {
background: #fff;
color: #000;
}

.thumbnav {
display: none;
position: absolute;
width: 30px;
height: 30px;
}

#thumbnav_left {
background: url(../img/nav.png);
width: 30px;
height: 30px;
background-position: -30px 0;
}
#thumbnav_right {
background: url(../img/nav.png);
width: 30px;
height: 30px;
background-position: -60px 0;
}

#subhead {
color: #fff;
padding: .3em 30px 0 30px;
position:relative;
background: #888;
z-index: -1;

}

#subhead p.description {
display: none;
}

#subhead h1 {
color: #fff;
text-shadow: #000 2px 2px 2px;
float: left;
padding: 9px 0 6px 10px;
height: 31px;
}

#subhead a.genr-root {
float: left;
display: block;
padding: 0;
margin: 0;
background: url(../../base/img/logo.png);
background-repeat: no-repeat;
width: 117px;
height: 35px;
text-indent: -9000px;
overflow: hidden;
}

#selector {
xfloat: right;
color: #fff;
background: #333;
padding: .5em 1em .5em 1em;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
position: absolute;
z-index: 0;
right: 30px;
bottom: 0px;
font-size: 10pt;
}

#subhead label {
font-weight: bold;
}

#header {
position: relative;
z-index: 100;
}

#body, #footer label {
font-weight: bold;
padding-right: .5em;
}

#workarea {
overflow: auto;
position: relative;
padding: 0;
margin: 0;
}

#body {
position: absolute;
left: 30px;
top: 30px;
background: #fff;
text-align: left;
padding: 15px 30px;
-webkit-box-shadow: 0px 5px 20px #000;
-moz-box-shadow: 0px 5px 20px #000;
}

#body p {
margin: .8em 0;
}

h1 {
font-size: 20pt;
font-weight: bold;
}

td, th {
vertical-align: top;
}


ul {
margin: 1.12em 0;
margin-left: 40px;
}
li {
list-style-type: disc;
}



h2, #body h1 {
font-size: 14pt;
font-weight: bold;
margin: 0 0 .4em 0;
}

strong {
font-weight: bold;
}

#ad {
right: 30px;
top: 30px;
position: absolute;
background: #fff;
padding: 10px;
-webkit-box-shadow: 0px 5px 20px #000;
-moz-box-shadow: 0px 5px 20px #000;
}

div.partylogo#genr_preview {
width: 450px;
}


#iphone_screenshot {
width: 200px;
height: 468px;
float: left;
margin-right: 1.5em;
background: url(../img/iphone/iphone.png);
position: relative;
}

#iphone_screenshot img {
width: 172px;
height: 258px;
position: absolute;
left: 15px;
top: 66px;
}

#footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: left;
padding: 8px 30px;
color: #fff;
font-size: 9pt;
background: #333;
z-index: 100;
-webkit-box-shadow: 0px -5px 15px #000;
-moz-box-shadow: 0px -5px 15px #000;

}

#footer a {
color: #888;
text-decoration: none;
}
#footer a:hover {
color: #666;
text-decoration: underline;
}

/**
 * Poem generators
 */
#body.poemgen.love {
}

#body.poemgen table.purple1box {
  background: #ef2929;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.purple2box {
  background: #cc0000;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.bluebox {
  background: #729fcf;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.yellowbox {
  background: #fce94f;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.redbox {
  background: #ef2929;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#body.poemgen table.greenbox {
  background: #8ae234;
  padding: .2em .5em .2em .5em;
  margin: 0;
  border-collapse: separate;
}

#toolbar {
min-height: 40px;
}


#toolbar form{
display: inline;
}

#toolbar .btn {
background: url(../img/toolbar.png);
text-indent: -9000px;
overflow: hidden;
height: 40px;
border: none;
outline: none;
display: inline-block;
vertical-align: top;
}
/*ie6 hack */
* html #toolbar input.btn
{text-indent:0; line-height:0; font-size:0; overflow:hidden
padding-left: 1000px;
}

/*ie7 hack */
*:first-child+html #toolbar input.btn {
 text-indent:0; line-height:0; font-size:0; overflow:hidden;
padding-left: 1000px;
}


#toolbar a.btn-pos, #toolbar a.btn-zoom {
width: 40px;
height: 40px;
}

#toolbar a.btn-pos-left { }
#toolbar a.btn-pos-left:hover { background-position: 0px -40px; }
#toolbar a.btn-pos-left.pressed { background-position: 0px -80px; }

#toolbar a.btn-pos-right { background-position: -40px 0px; }
#toolbar a.btn-pos-right:hover { background-position: -40px -40px; }
#toolbar a.btn-pos-right.pressed { background-position: -40px -80px; }

#toolbar a.btn-pos-up { background-position: -80px 0px; }
#toolbar a.btn-pos-up:hover { background-position: -80px -40px; }
#toolbar a.btn-pos-up.pressed { background-position: -80px -80px; }

#toolbar a.btn-pos-down { background-position:-120px 0px; }
#toolbar a.btn-pos-down:hover { background-position: -120px -40px; }
#toolbar a.btn-pos-down.pressed { background-position: -120px -80px; }

#toolbar a.btn-zoom-in { background-position:-160px 0px; }
#toolbar a.btn-zoom-in:hover { background-position: -160px -40px; }
#toolbar a.btn-zoom-in.pressed { background-position: -160px -80px; }

#toolbar a.btn-zoom-out { background-position:-200px 0px; }
#toolbar a.btn-zoom-out:hover { background-position: -200px -40px; }
#toolbar a.btn-zoom-out.pressed { background-position: -200px -80px; }

#toolbar a.btn-zoom-fit { background-position:-240px 0px; }
#toolbar a.btn-zoom-fit:hover { background-position: -240px -40px; }
#toolbar a.btn-zoom-fit.pressed { background-position: -240px -80px; }


#toolbar .btn-download {
width: 130px;
background-position: -280px 0px;
}
#toolbar .btn-download:hover {
background-position: -280px -40px;
}
#toolbar .btn-share {
width: 93px;
background-position: -623px 0px;
}
#toolbar .btn-share:hover {
background-position: -623px -40px;
}
#toolbar .btn-feedback {
width: 125px;
background-position: -717px 0px;
position: absolute;
right: 90px;
}
#toolbar .btn-feedback:hover {
background-position: -717px -40px;
}

#toolbar a.btn-upload {
width: 97px;
background-position: -410px 0px;
}
#toolbar a.btn-upload:hover {
background-position: -410px -40px;
}

#toolbar .btn-preview {
width: 114px;
background-position: -507px 0px;
}
#toolbar .btn-preview:hover {
background-position: -507px -40px;
}

.dlg {
position: relative;
    display:none;
    z-index:10000;
    background-color:#000;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
}

.dlg .dlg-controls {
background: #222;
padding: 7px 15px;
text-align: center;
color: #aaa;
}
.dlg-controls a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.dlg-controls a:hover {
text-decoration: underline;
}

/* close button positioned on upper right corner */
.dlg .close {
    background-image:url(../img/nav.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:30px;
    width:30px;
}

.dlg h1 {
color: #fff;
font-weight: bold;
display: block;
background: #222;
width: 100%;
line-height: 1.5em;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
text-shadow: #000 2px 2px 2px;
text-align: center;
}




.ui-helper-hidden {
display: none;
}

#toolbar table.inputs {
display: inline-block;
vertical-align: middle;

/* IE6/7 inline-block */
zoom: 1; 
*display: inline;
}
#toolbar table.inputs input {
margin-right: 20px;
}

#toolbar table.inputs td,#toolbar table.inputs th {
vertical-align: baseline;
}

#toolbar div.ctrl-group {
display: inline;
margin-right: 20px;
}



td.download_hires {
font-size: 85%;
}
#id_hires {
vertical-align: middle;
}

/* Thumbs */
.grt {
background-repeat: no-repeat;
width: 80px;
height: 60px;
display: block;
}

.grt-index { background: url(../img/thumb/s/index.png); }
.grt-money { background: url(../img/thumb/s/money.png?v2); }
.grt-cardgame { background: url(../img/thumb/s/cardgame.png); }
.grt-poemgen { background: url(../img/thumb/s/poemgen.png); }
.grt-logo { background: url(../img/thumb/s/logo.png); }
.grt-iphone { background: url(../img/thumb/s/iphone.png); }
.grt-partyprinter { background: url(../img/thumb/s/partyprinter.png); }

/* _all.css */
.grt-cardgame-king_diamonds { background-position: 0px 0px }
.grt-cardgame-queen_spades { background-position: -80px 0px }
.grt-cardgame-king_clubs { background-position: -160px 0px }
.grt-cardgame-queen_diamonds { background-position: -240px 0px }
.grt-cardgame-king_spades { background-position: -320px 0px }
.grt-cardgame-jack_diamonds { background-position: -400px 0px }
.grt-cardgame-king_hearts { background-position: -480px 0px }
.grt-cardgame-queen_hearts { background-position: -560px 0px }
.grt-cardgame-queen_clubs { background-position: -640px 0px }
.grt-cardgame-jack_clubs { background-position: -720px 0px }
.grt-cardgame-jack_hearts { background-position: -800px 0px }
.grt-cardgame-jack_spades { background-position: -880px 0px }
.grt-index-iphone { background-position: 0px 0px }
.grt-index-cardgame { background-position: -80px 0px }
.grt-index-money { background-position: -160px 0px }
.grt-index-poemgen { background-position: -240px 0px }
.grt-index-logo { background-position: -320px 0px }
.grt-index-partyprinter { background-position: -400px 0px }
.grt-iphone-bodysnatcher_dance { background-position: 0px 0px }
.grt-iphone-bodysnatcher_freefall { background-position: -80px 0px }
.grt-iphone-bodysnatcher_juggle { background-position: -160px 0px }
.grt-iphone-bodysnatcher_logo { background-position: -240px 0px }
.grt-logo-google { background-position: 0px 0px }
.grt-logo-budweiser { background-position: -80px 0px }
.grt-logo-nasa { background-position: -160px 0px }
.grt-logo-heineken { background-position: -240px 0px }
.grt-logo-bengals { background-position: -320px 0px }
.grt-logo-facebook { background-position: -400px 0px }
.grt-logo-packers { background-position: -480px 0px }
.grt-logo-tpb { background-position: -560px 0px }
.grt-logo-starbucks { background-position: -640px 0px }
.grt-logo-broncos { background-position: -720px 0px }
.grt-logo-corona_extra { background-position: -800px 0px }
.grt-logo-vikings { background-position: -880px 0px }
.grt-logo-patriots { background-position: -960px 0px }
.grt-logo-jackdaniels { background-position: -1040px 0px }
.grt-logo-ford { background-position: -1120px 0px }
.grt-money-ca_dollar_50 { background-position: 0px 0px }
.grt-money-ar_pesos_100 { background-position: -80px 0px }
.grt-money-tt_trinidad_tobago_100 { background-position: -160px 0px }
.grt-money-br_reais_10 { background-position: -240px 0px }
.grt-money-sg_1000 { background-position: -320px 0px }
.grt-money-es_pesetas_1000 { background-position: -400px 0px }
.grt-money-at_schilling_1000 { background-position: -480px 0px }
.grt-money-uk_pound_10 { background-position: -560px 0px }
.grt-money-biafra_pound_5 { background-position: -640px 0px }
.grt-money-gr_drachma_100 { background-position: -720px 0px }
.grt-money-sa_riyal_1_2 { background-position: -800px 0px }
.grt-money-si_tolar_50 { background-position: -880px 0px }
.grt-money-id_rupiah_1000 { background-position: -960px 0px }
.grt-money-kr_10000 { background-position: -1040px 0px }
.grt-money-fr_franc_10 { background-position: -1120px 0px }
.grt-money-my_ringgit_100 { background-position: -1200px 0px }
.grt-money-ua_griven_100 { background-position: -1280px 0px }
.grt-money-uk_pound_20 { background-position: -1360px 0px }
.grt-money-hu_forint_10000 { background-position: -1440px 0px }
.grt-money-iq_dinar_10000 { background-position: -1520px 0px }
.grt-money-ca_dollar_20 { background-position: -1600px 0px }
.grt-money-ru_ruble_3 { background-position: -1680px 0px }
.grt-money-sa_riyal_1 { background-position: -1760px 0px }
.grt-money-id_rupiah_10000 { background-position: -1840px 0px }
.grt-money-tt_trinidad_tobago_1 { background-position: -1920px 0px }
.grt-money-aq_dollar_100 { background-position: -2000px 0px }
.grt-money-br_cruzados_50 { background-position: -2080px 0px }
.grt-money-ph_peso_200 { background-position: -2160px 0px }
.grt-money-ca_dollar_100 { background-position: -2240px 0px }
.grt-money-es_pesetas_10000 { background-position: -2320px 0px }
.grt-money-cl_pesos_10000 { background-position: -2400px 0px }
.grt-money-ve_bolivar_100 { background-position: -2480px 0px }
.grt-money-de_mark_10 { background-position: -2560px 0px }
.grt-money-us_dollar_100_2 { background-position: -2640px 0px }
.grt-money-iq_dinar_saddam_10 { background-position: -2720px 0px }
.grt-money-pe_soles_1000 { background-position: -2800px 0px }
.grt-money-yu_dinar_10000000000 { background-position: -2880px 0px }
.grt-money-ve_bolivar_50 { background-position: -2960px 0px }
.grt-money-sg_50 { background-position: -3040px 0px }
.grt-money-us_dollar_1m { background-position: -3120px 0px }
.grt-money-ca_dollar_1000 { background-position: -3200px 0px }
.grt-money-it_lire_2000 { background-position: -3280px 0px }
.grt-money-pl_zloty_old_1000 { background-position: -3360px 0px }
.grt-money-id_rupiah_50000 { background-position: -3440px 0px }
.grt-money-dk_500_kroner { background-position: -3520px 0px }
.grt-money-us_dollar_10 { background-position: -3600px 0px }
.grt-money-no_kroner_200 { background-position: -3680px 0px }
.grt-money-sg_20 { background-position: -3760px 0px }
.grt-money-ar_pesos_10 { background-position: -3840px 0px }
.grt-money-in_rupee_500 { background-position: -3920px 0px }
.grt-money-mx_pesos_20 { background-position: -4000px 0px }
.grt-money-us_dollar_1 { background-position: -4080px 0px }
.grt-money-pe_soles_10 { background-position: -4160px 0px }
.grt-money-cn_yuan_100 { background-position: -4240px 0px }
.grt-money-cu_pesos_3 { background-position: -4320px 0px }
.grt-money-sg_10000 { background-position: -4400px 0px }
.grt-money-id_rupiah_2000 { background-position: -4480px 0px }
.grt-money-dk_kroner_500 { background-position: -4560px 0px }
.grt-money-hr_dinar_100000 { background-position: -4640px 0px }
.grt-money-it_lire_10000 { background-position: -4720px 0px }
.grt-money-kz_tenge_1 { background-position: -4800px 0px }
.grt-money-nz_dollar_100 { background-position: -4880px 0px }
.grt-money-us_dollar_2 { background-position: -4960px 0px }
.grt-money-us_dollar_20 { background-position: -5040px 0px }
.grt-money-br_reais_50 { background-position: -5120px 0px }
.grt-money-us_dollar_50 { background-position: -5200px 0px }
.grt-money-it_lire_1000 { background-position: -5280px 0px }
.grt-money-pk_100 { background-position: -5360px 0px }
.grt-money-jp_yen_5000 { background-position: -5440px 0px }
.grt-money-id_rupiah_5000 { background-position: -5520px 0px }
.grt-money-mx_pesos_200 { background-position: -5600px 0px }
.grt-money-in_rupee_1000 { background-position: -5680px 0px }
.grt-money-yu_dinar_5 { background-position: -5760px 0px }
.grt-money-il_ils_5 { background-position: -5840px 0px }
.grt-money-us_dollar_100 { background-position: -5920px 0px }
.grt-money-py_guarani_100000 { background-position: -6000px 0px }
.grt-money-yu_dinar_100 { background-position: -6080px 0px }
.grt-money-us_dollar_5 { background-position: -6160px 0px }
.grt-money-ru_ruble_100 { background-position: -6240px 0px }
.grt-money-pl_zloty_old_20000 { background-position: -6320px 0px }
.grt-money-sg_100 { background-position: -6400px 0px }
.grt-money-au_dollar_20 { background-position: -6480px 0px }
.grt-money-id_rupiah_20000 { background-position: -6560px 0px }
.grt-money-id_rupiah_100000 { background-position: -6640px 0px }
.grt-partyprinter-spiral { background-position: 0px 0px }
.grt-partyprinter-rebus { background-position: -80px 0px }
.grt-partyprinter-banner { background-position: -160px 0px }
.grt-partyprinter-heart { background-position: -240px 0px }
.grt-partyprinter-maze { background-position: -320px 0px }
.grt-partyprinter-waves { background-position: -400px 0px }
.grt-poemgen-poem-sinterklaas { background-position: 0px 0px }
.grt-poemgen-sinterklaas { background-position: -80px 0px }
.grt-poemgen-love { background-position: -160px 0px }
/* (end) */

.network-facebook {
width: 64px;
height: 64px;
background: url(../img/social/facebook-64.png);
display: inline-block;
outline: none;
border: none;
text-indent: -9000px;
vertical-align: middle;
}

.network-twitter {
width: 64px;
height: 64px;
background: url(../img/social/twitter-64.png);
display: inline-block;
outline: none;
border: none;
text-indent: -9000px;
vertical-align: middle;
}


#ig-upload-dialog {
    width:675px;	
}

#ig-share-dialog .dlg-controls {
text-align: right;
}


.dlg-body {
padding: .5em 1em;
}

.dlg .ctrlHolder {
display: block;
}

.dlg .ctrlHolder > label{
display: block;
font-weight: bold;
}


/* error message */
.error {z-index:11000;
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 6px #000;
	-webkit-box-shadow:0 0 6px #000;
}
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FFFE36 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:60px;
}




/* Messages */
.page_messages {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font: bold 1.3em arial;
  line-height: 2.5em;
  text-align: center;
  color: #000;
  background: #fce94f;
  z-index: 12000;
  margin: 0;
  display: none; /* LEAVE THIS IN*/
}
.page_messages {
border-bottom: solid 1px #edd400;
}
.page_messages li {
  list-style-type: none;
}