/* <% response.contenttype = "text/css" %> */
html, body {
     background         : #FFFFFF none repeat scroll 0%;
     background-color   : white;
     color              : #000000;
     font-family        : Verdana,Arial,Helvetica,sans-serif;
     font-size          : 8pt;
     line-height        : 13pt;
     margin             : 0;
     padding            : 0;
     text-align         : center;
}

h1.maintitle, #header_logo h1 {
     border-bottom      : 1px solid #FFC20F;
     font-size          : 12pt;
     font-weight        : 900;
     margin             : 0 0 0.5em 0;
     padding            : 0 0 0.25em 0;
}

a {
     color              : #003399;
     text-decoration    : underline;
}

address {font-style:normal;}

#container {
     background-image   : url(../images/bg_menu.gif);
     background-color   : white;
     background-position: left top;
     background-repeat  : repeat-y;
     border-bottom      : solid 1px #DDDDDD;
     border-right       : solid 1px #DDDDDD;
     margin             : 0 auto;
     text-align         : left;
     width              : 800px;
}

#header {
     background-color   : white;
     height             : 84px;
     padding            : 0;
     margin-bottom      : 0;
}

#header_logo, #header_banner, #header_flags, #header_logo h1 a {
     float              : left;
     height             : 84px;
     margin             : 0;
     padding            : 0;
     width              : 176px;
}

#header_logo h1 a {
     background-image   : url(../images/logo_mobilemoney.jpg);
     display            : block;
     overflow           : hidden;
     text-indent        : -9999px;
}

#header_banner {
     background-image   : url(../images/header_foto.jpg);
     width              : 448px;
}

#header_flags {
     float              : right;
     background-image   : url(../images/bg_flags.jpg);
     width              : 176px;
}

ul#flags {
     list-style-type    : none;
     margin             : 0;
     margin-left        : 48px;
     padding            : 0;
     padding-top        : 28px;
     width              : 176px;
}

ul#flags li {
     color              : white;
     float              : left;
     height             : 28px;
     margin             : 0;
     overflow           : hidden;
     padding            : 0;
}

ul#flags li a {
     display            : block;
     height             : 28px;
     margin             : 0;
     padding            : 0;
}

ul#flags li#uk a {
     background-image   : url(../images/menu_flag_uk.gif);
     width              : 37px;
}

ul#flags li#uk a:hover, ul#flags li#uk a.current {
     background-image   : url(../images/menu_flag_uk_selected.gif);
}

ul#flags li#fr a {
     background-image   : url(../images/menu_flag_fr.gif);
     width              : 48px;
}

ul#flags li#fr a:hover, ul#flags li#fr a.current {
     background-image   : url(../images/menu_flag_fr_selected.gif);
}

ul#flags li#nl a {
     background-image   : url(../images/menu_flag_nl.gif);
     width              : 53px;
}

ul#flags li#nl a:hover, ul#flags li#nl a.current {
     background-image   : url(../images/menu_flag_nl_selected.gif);
}

ul#flags li#au a {
     background-image   : url(../images/menu_flag_au.gif);
     width              : 37px;
}

ul#flags li#au a:hover, ul#flags li#au a.current {
     background-image   : url(../images/menu_flag_au_selected.gif);
}

#content {
	color              : #646464;
	background-position: left top;
	background-repeat  : no-repeat;
	background-image   : url(../images/header.jpg);
	min-height         : 600px;
	margin-left        : 176px;
	padding            : 5px 20px 40px 20px;
}


#popup {
     color              : #646464;
     padding            : 1em;
     font-family        : Verdana,Arial,Helvetica,sans-serif;
     font-size          : 8pt;
     line-height        : 13pt;
}

#content p, #content ul, #content ol, #content table {
     color              : #646464;
}

#content p {
	margin: 0 0 1em 0;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
     color              : #646464;
}

#content h2, #content h3 {
	font-size: 10pt;
	color: #646464;
	margin:0;
}

#content ul {
     margin             : 0;
     list-style-image   : url(../images/bullet.gif);
}

#content a {
     color              : #003399;
     text-decoration    : underline;
}

#footer {
     background-color   : #FFFFFF;
     background-image   : url(../images/bg_menu.gif);
     background-position: left top;
     background-repeat  : repeat-y;
     border-top         : 1px solid white;
     clear              : both;
     height             : 24px;
     margin-top         : 0;
     padding            : 0;
}

#copyrights {
     color              : white;
     float              : left;
     font-weight        : normal;
     padding-left       : 15px;
     padding-top        : 4px;
     text-decoration    : none;
     width              : 176px;
}

#copyrights a 
{
    color: White;
}

#slogan {
     float              : right;
     padding-right      : 20px;
}

.news_divider {
     color              : #ffc20f;
     display            : inline;
     margin             : 0;
     padding            : 0;
}

.note {
     font-style         : italic;
}

.more {
     font-weight        : bold;
}

.warning {
     background-color   : #FFEFC6;
     border             : 1px solid #646464;
     background-image   : url(../images/caution.gif);
     background-repeat  : no-repeat;
     background-position: 5px 5px;
     color              : black;
     padding            : 5px 5px 5px 65px;
}

.warning h1 {
     font-size          : 1em;
     font-weight        : bold;
     color              : red;
     margin             : 0;
}

.warning p {
     margin             : 0;
}

#wizard {
     background-color   : #FFEAAB;
     background-image   : url(../images/wizard_bg.jpg);
     background-repeat  : no-repeat;
     border-collapse    : collapse;
     border             : 1px solid black;
     border-color       : #FFC20F;
     height             : auto !important;
     height             : 441px;	/* [JG] was 371px; */
     margin             : 0px;
     min-height         : 441px;	/* [JG] was 371px; */
     padding            : 0px;
     position           : relative;
     width              : 570px;
}

#wizard_back_next {
     border             : solid 0px black;
     bottom             : 10px;
     float              : right;
     margin             : 0;
     position           : absolute;
     right              : 20px;
}

#wizard_back {
     background-image   : url(../images/back.gif);
     background-position: left center;
     background-repeat  : no-repeat;
     padding            : 0;
     padding-left       : 20px;
}

#wizard_next {
     background-image   : url(../images/next.gif);
     background-position: right center;
     background-repeat  : no-repeat;
     padding            : 0;
     padding-right      : 20px;
}

.textarea_code {
     background-color   : #FFEAAB;
     border             : solid 1px #000000;
     height             : 125px;
     text-align         : left;
     width              : 450px;
}

#accountbar {
     color              : white;
     margin-bottom      : 30px;
     padding            : 0 0 0 3px;
     font-weight        : bold;
}

#accountname {
     float              : left;
}

#accountname a {
	color: white;
}

#login_link {
     float              : right;
}

#login_link a:active, #login_link a:hover, #login_link a:visited, #login_link a:link {
     color              : #646464;
     text-decoration    : none;
}

table#login_warning {
     border             : solid 1px #FFC20F;
     background-color   : #FFEAAB;
}

label {
     margin             : 0 0.25em;
}

#crumbs {
     color              : silver;
     height             : 2.5em;
}

#crumbs a:link, #crumbs a:active, #crumbs a:hover, #crumbs a:visited {
     color              : silver;
     text-decoration    : none;
}

#crumbs a:hover {
     color              : #646464;
     text-decoration    : underline;
}

h1.navtitle {
     font-size          : 1.0em;
     color              : #646464;
     margin             : 0;
}

#content a:link.continue, #content a:hover.continue, #content a:visited.continue, #content a:link.active {
     text-decoration    : none;
}

div#debug_info {
     position           : absolute;
     left               : 0;
     top                : 0;
     font-weight        : bold;
     background-color   : silver;
     border             : 1px solid black;
     z-index            : 100;
     text-align         : left;
     padding            : 2px;
}

p.note {
     font-style         : oblique;
}

hr {
     height             : 1px;
     background-color   : #FFC20E;
     color              : #ddd;
     border             : none;
     padding            : 0;
     margin             : 1em 0;
}

td#stats_table {
     width              : 300px;
     vertical-align     : top;
     padding            : 0;
}

td#stats_graph {
     width              : 235px;
     vertical-align     : top;
     padding            : 0;
}

td#stats_sep {
     width              : auto;
     padding            : 0;
}

td#stats_table table {
     margin             : 0;
}

td#stats_graph table {
     margin             : 0;
}

table#requests {
     width              : 100%;
}

table#requests td {
     vertical-align     : top;
}

#marquee {
     background-image   : url(../images/tip.gif);
     background-position: 10px center;
     background-repeat  : no-repeat;
     background-color   : lime;
     border             : 1px solid #FFC20E;
     background-color   : #FFF0C3;
	 padding			: 3px;
     padding-left       : 42px;
	 height				: 5em;
}

#content table.content {
     color              : #646464;
     border-collapse    : collapse;
     border             : 1px solid white;
     width				: 100%;
}

#content table.content th, #content table.content td {
     border             : 1px solid white;
     padding            : 2px 3px;
}

#content table.content thead th {
     background-color   : #282828;
     color              : white;
     font-weight        : bold;
}

#content table.content thead th a {
     color              : white;
     font-weight        : bold;
}

#content table.content tbody th {
     background-color   : #FFEAAB;
}

#content table.content tbody tr.weekend th {
     background-color   : #FFF0C3;
}

#content table.content tbody td {
     background-color   : #D9D9D9;
}

#content table.content tbody tr.weekend td {
     background-color   : #E5E5E5;
}

#content table.content tfoot td, #content table.content tfoot th {
     background-color   : #FFC20E;
     color: #282828;
     font-weight:bold;
}

#content a.continue {
     font-weight        : bold;
     text-decoration    : none;
}

ul.validation_error {
     color              : red;
     font-weight        : bold;
}

.simple_productimage {
     border             : solid 1px gray;
}

div#request_info {
     border             : 1px solid #FFC20E;
     background-color   : #FFF0C3;
	padding	: 3px;
}

div#request_info h3 {
	margin:0;
}

table.demographics tbody td {
	text-align:center;
}

table.demographics tbody th {
	font-size:smaller;
}


table.demographics .total {
	text-align:center;
}

table#paymentmethods {
	margin-top: 1em;
}
table#paymentmethods td {
	padding: 0 10px;
}

table.country {
	background-color:#D9D9D9; 
}
table.price {
	background-color:#E5E5E5; 

}

.slider, .spanSliderText, .slider table {
     font-family        : Verdana,Arial,Helvetica,sans-serif;
     color              : #646464;
     font-size          : 8pt;
     line-height        : 13pt;
}

#content table.editable {
	border: 0px solid black;
	border-collapse: collapse;
}

#content table.editable thead tr {
	background-color: black;
	color:white;
	border: 0px solid black;
}

#content table.editable tfoot tr {
	background-color: white;
	border: 0px solid black;
}

#content table.editable tbody tr {
	border: 0px solid black;
}

#content table.editable tbody tr.even {
     background-color   : #D9D9D9;
}

#content table.editable tbody tr.odd {
     background-color   : #E5E5E5;
}

#content table.editable tbody tr.selected {
     background-color   : #FFDE7B;
}

#content table.editable td, #content table.editable th {
	padding:3px;
	border: 0px solid black;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

#content ul.faqCategory {
	font-weight: bold;
	font-size: larger;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
}

#content ul.faqCategory li {
	list-style-type: none;
	list-style-image: none;
	margin: 1em 0;
}

#content ol.faqQuestion {
	font-weight: normal;
	font-size: smaller;
	list-style-type: decimal;
	list-style-image: none;
}

#content ol.faqQuestion li {
	margin: 0.5em 0;
}

#content p.faqQuestion {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content p#faqAnswer {
	margin: 0;
	padding: 0;
}

#content div.faqAnswer {
	margin:0;
	padding:0;
}

#content div.faqAnswer code {
	background-color: #FFEAAB;
	border: 1px solid #FFC20E;
	padding:1em;
	text-align: center;
	margin: 1em;
	display: block;
}

#debuginfo {
    border: solid 1px red;
    float: left;
    margin: 10px;
    padding: 5px;
    text-align: left;
    width: 500px;
}

#content div.block {
	height: 120px;
	width: 270px;
	margin: 1em 0;
	padding: 10px;
	background-repeat: no-repeat;
}

#productMobile {
	float:left;
	background-color: white;
	background-image: url(../images/mobiel.jpg);
}

#productMusic {
	float:left;
	background-color: white;
	
}



#productMicropayments {
	float:right;
	background-color: white;
	background-image: url(../images/micropayments.jpg);
}

#productMessenger {
	float:left;
	background-color: white;
	background-image: url(../images/messenger.jpg);
}

#productPayedSMS {
	float:right;
	background-color: white;
	background-image: url(../images/payed_sms.jpg);
}

#productHoroscopes {
	float:left;
	background-color: white;
	background-image: url(../images/horoscopes.jpg);
}

#productNormalSMS {
	float:right;
	background-color: white;
	background-image: url(../images/normal_sms.jpg);
}

#content div.block h1 {
	margin: 0 0 5px 0;
	font-size: 1.5em;
	font-weight: bold;
}

#content div.block p {
	margin: 0 0 34px 0;
}


#content div.block a {
	color: #646464;
	text-decoration: none;
}

#content div.block ul {
	padding:0;
	list-style-position:inside;
}

#content div.block li {
	margin: 0;
	padding:0;
	list-style-position:inside;
}


button {
	margin				: 5px;
    color				: #646464;
	background-color	: #FFDE7B;
	border				: 1px solid #FFC20E;
	font-weight			: bold;
	padding				: 2px 5px; 
}

button:hover {
	color				: black;
}

button:active {
	background-color	: #FFC20E;
}

button:disabled {
	color				: silver;
	background-color	: white;
	border				: 1px solid #FFDE7B;
}

button:disabled:hover {
	color				: silver;
}

button:disabled:active {
	background-color	: white;
}


#popup table.content {
     color              : #646464;
     border-collapse    : collapse;
     border             : 1px solid white;
     width				: 100%;
     font-family        : Verdana,Arial,Helvetica,sans-serif;
     font-size          : 8pt;
     line-height        : 13pt;
}

#popup table.content th, #popup table.content td {
     border             : 1px solid white;
     padding            : 2px 3px;
}

#popup table.content thead th {
     background-color   : #282828;
     color              : white;
     font-weight        : bold;
}

#popup table.content thead th a {
     color              : white;
     font-weight        : bold;
}

#popup table.content tbody th {
     background-color   : #FFEAAB;
}

#popup table.content tbody tr.weekend th {
     background-color   : #FFF0C3;
}

#popup table.content tbody td {
     background-color   : #D9D9D9;
}

#popup table.content tbody tr.weekend td {
     background-color   : #E5E5E5;
}

#popup table.content tfoot td, #popup table.content tfoot th {
     background-color   : #FFC20E;
     color: #282828;
     font-weight:bold;
}

div#content table.tabs {
	width:100%;
}

td.tab {
	font-weight:normal;
	border:1px solid silver;
	border-bottom:1px solid gray;
	padding: 2px;
	text-align: center;
}

td.activeTab {
	font-weight:bold;
	border:1px solid gray;
	border-bottom:1px solid white;
	padding: 2px;
	text-align: center;
}

table.tabContent {
	width:100%;
}

td.tabContent {
	border: 1px solid gray;
	border-top: 0px solid gray;
	padding: 5px;
}
td.tabContent td {
	padding: 2px;
}
select.elasticBand {margin-left:3px;}

.footnote {
	font-style: italic;
}

#content .linkButton {
	background-color:transparent;
	border:0px;
	padding:0;
	color:#003399;
	font-weight:normal;
	font-size:smaller;
	cursor:pointer;
	margin:0;
	text-decoration: underline;
	border-bottom: 1px solid #003399;
}

.currencyNotice {
    border: solid 0px red;
    padding-left: 25px;
    width: 30px;
}