/*
 * The Pragmatic Studio
 * http://pragmaticstudio.com
 * Copyright (c) 2007 The Pragmatic Studio
 */

@import "/stylesheets/ie.css";

* {
  margin: 0;
  padding: 0;
}

body {
	background: #fffff5;
	background: #BAA489 url(/images/bg.png) top center repeat-x;
	font-family: Verdana, 'Lucida Grande', sans-serif;     
	font-size: small;
}

img {
  border: 0;
  border-width: 0;
}

hr {
  height: 0;
  border: 0;
  border-bottom: 1px solid #ccc;  
  margin: 1em 0;
}

.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
  display: block;
}

/* LINKS */

a {
  text-decoration: underline;
}

a:link, 
a:visited {
  color: #1E97C4;
}

a:hover, 
a:active {
  text-decoration: none;
  color: #fff;
  background: #1E97C4;
}

a:link.cancel, 
a:visited.cancel {
  color: red; 
}

a img {
  border: 0;
}

p {
  line-height: 1.25em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-left: 1em;
}

h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#999;
	margin: 0 0 0 0;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0;
	background:transparent url(/images/title.png) top center no-repeat;
}

h1 span {
	color: #C41E3A;
	font-family: "Helvetica Neue";
	font-weight:bold;
}

h2 {
  margin: 0 0 4px 0;
}

h3 {
	color: #2A6889;
	font-weight:bold;
	margin-top:.5em;
}

ul, ol {
  margin-left: 3.5em;
  line-height: 1.5em;
}

/* LAYOUT */

#header {
	border-bottom: 3px solid #156989;
	font-size: 110%;
}

#main-body {
  width: 60em;
  margin: 0 auto;
}

#main-body2 {
	background: #0F4E66;
	border-top: #0F4E66 2px solid;
	border-left: #0F4E66 1px solid;
	border-right: #0F4E66 1px solid;
	width: 58em;
	margin: 0 auto;
	background: #fff url(/images/gradient.png) 0 0 repeat-x;
}

#main-body2 p {
	margin: 1em;
}

#main-body2 fieldset label {
	margin: 0.5em 0.5em 0 0.5em;
}

#main-body2 fieldset label, #main-body2 fieldset input {
	margin-left: 3em;
}

#main-body2 h3 {
	margin-left:1em;
}

#main-body2 label {
	font-weight: bold;
}

#main-body2 p.first {
	padding-top:1em;
	text-align:left;
}

foo {
  color: red;
  font-weight: bold;
}
#sidebar {
  width: 15em;
  float: right;
}

#content {
	width: 60em;
	height: 30em;
	float: left;
	border:2px solid #BAA489;
	background-image: url(../images/cscope.jpg);
	background-repeat: no-repeat;
	background-position:right;
}

#l1 {
  width: 10em;
  height:20em;
  margin-top: 22em;
  margin-left: 20em;
}

#l1 label {
	color:#fff;
}

#login1 {
  width: 10em;
  height:20em;
  margin-top: 7em;
  margin-left: 5em;
}

#login1 label {
	color:#156989;
}

#footer {
	width:100%;
	margin:0;
	border:0;
	color: #C8EFFD;
	background: #1E97C4 url(/images/footer_bg.png) left bottom repeat-x;
	border-top: 3px solid #156989;
	padding: 0.3em 0 0.7em 0;
	font-size: 90%;
	line-height: 1.5em;
	text-align: center;
}

/* HEADER */

#logo {
  position: absolute;
  left: 10px;
  z-index: 1;
}

#logo span, #logo a {
  background: #1E97C4;
  display: block;
  width: 158px;
  height: 80px;
  border-style: none;
}

#navigation {
  text-align: right;  
  height: 80px;
}

#navigation p {
  padding-top: 30px;
  padding-right: 25px;
  margin: 0;
  margin-left: 200px;
}

#navigation a {
  color: #fff;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;    
}

#navigation a:hover {
  text-decoration: underline;
}

#navigation .separator {
  color: #ccc;
  display: inline-block;
  padding: 3px;
}

/* SIDEBAR */

#sidebar h1 {
  color: #20a64c;
  font-family: Georgia, Verdana, serif;
  font-size: 120%;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  line-height: 1.5em;
  margin-bottom: .5em;
}

#sidebar ul {
  list-style: none;
  line-height: 1.5em;
  margin-left: 0;
}

#sidebar ul li {
  margin: 2px 0;
  padding: 0;
  list-style: none;
}

#sidebar hr {
  margin: 0.5em 0em;
  color: #e7e8ac;
  background: #e7e8ac;
}

#sidebar ul a, 
#sidebar ul a:link, 
#sidebar ul a:visited {
  padding: 2px;
  text-decoration: none;
}

/* FOOTER */

#footer a {
  color: #fff;
  text-decoration: underline;    
}

#footer a:hover {
  text-decoration: none;
}


/* BANNER */

#banner {
	margin: 1em 1em 0.5em 1em;
	padding: 0;
	text-align: center;
	background-attachment: none;
}

#banner h1 {
  font-size: 220%;  
}

h2 {
	background: #1E97C4 url(/images/h2bg.jpg) 0 0 repeat-x;
	padding: .5em .8em;
	color:#fff;
	border-bottom: 3px solid #156989;
	text-shadow: #156989 0px 2px;
}

h2.withdraw {
	background:#1F8915 url(/images/h2bg-withdraw.jpg) 0 0 repeat-x;
	border-bottom: 3px solid #1F8915;
	text-shadow: #275814 0px 2px;
}

h2.withdraw span {
	color:#CEFFC9;
	font-size:small;
}

h3.withdraw {
	color:#619C51;
}

span.withdraw {
	color:#619C51;
	font-weight:bold;
}

h2.deposit {
	background:#891528 url(/images/h2bg-deposit.jpg) 0 0 repeat-x;
	border-bottom: 3px solid #891528;
	text-shadow: #5C111A 0px 2px;
}

h2.deposit span {
	color:#FBE3E4;
	font-size:small;
}

h3.deposit {
	color:#C41E3A;
}

#banner p {
  margin: .5em 0;
  font-size: 110%;
  color: #746F62 !important;
}

/* FORMS */

form {
	padding: 0;
	margin: 0;
}

form p {
  padding: 0.5em 0em;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0 0.3em;
}

fieldset legend {
  font-size: 1.4em;
  font-weight: bold;   
  color: #C05B56;
}

form label {
	color: #444;
	display: block;
	
	font-size: .9em;
	font-weight: normal;
	padding-bottom: 2px;
}

form label.required {
  font-weight: bold;
}

form .hint {
  color: #777;
  display: block;
  font-size: 0.9em;
  font-style: italic;  
}

form input {
	background-color:#fff;
	font-size: 120%;
	font-family:"Lucida Console", Monaco, monospace;
	font-size: 16px;
	border:#1E97C4 1px solid;
}

/* TABLES */

table {
  border-collapse: collapse;
  padding: 0;
  line-height: 1.25em;
}

.transfer table {
	width:100%;
	table-layout:fixed;
}

.transfer table tbody tr {
	vertical-align:top;
}

.transfer table tbody tr td {
	vertical-align:top;
}

table.event {
  width: 100%;
  line-height: 1.5em;
}

table.event th {
  width: 25%;
  text-align: right;
  vertical-align: top;
  font-size: 1.15em;
}

table.event td {
  width: 75%;
  padding-left: 1em;
}

#receipt {
	width:42em;
	overflow:none;
	margin: 0 auto;
	border-top: #ccc 1px solid;
	border-right: #666 2px solid;
	border-bottom: #666 2px solid;
	border-left: #ccc 1px solid;
	margin-bottom:2em;
	background-color:#fff;
}

#receipt table {
	border-collapse:collapse;
	width:95%;
	color:#000;
	margin:1em;
}

#receipt td {
	border-bottom: #ccc 1px solid;
	padding: 3px;
}

#receipt legend {
	font-weight:bold;
	font-style:italic;
	color:#666;
	margin-top:0.5em;
	text-align:center;
	width:95%;
}

/* EVENTS */

div.event {
  margin: 0;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #ccc;
}

div img.event {
  padding-left: 10px;
  float: right;
}

/* PAGINATION */

.pagination {
  margin: 1.5em 0;
  text-align: center;
}

.pagination a {
  padding: 2px 5px;
  margin: 2px;
  border: 1px solid #ccc;
  text-decoration: none;
}

.pagination a:hover, 
.pagination a:active {
  background: #1E97C4;
  border: 1px solid #1E97C4;
  color: #fff !important;
}

.pagination span.current {
  padding: 2px 5px;
  margin: 2px;
  background: #1E97C4;
  border: 1px solid #1E97C4;
  color: #fff;
  font-weight: bold;
}

.pagination span.disabled {
  padding: 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

/* FLASHES */

#flash_message,
#flash_notice,
#flash_warning,
#flash_error {
  padding: .5em;
  text-align: center;
  color: #fff;
}

#flash_message p,
#flash_notice p,
#flash_warning p,
#flash_error p {
  padding-left: 25px;
  padding-right: 25px;
}

#flash_notice {
  background-color: #3C891F;
}

#flash_warning {
  background-color: #884A17;
}

#flash_error {
  background-color: #891528;
}

#flash_message {
  background:#891528;color:#FBE3E4;border-color:#FBC2C4;
}
/* ERRORS */

#errors {
  margin: 1em -1em;
  padding: 1em;  
  background: #ffdcdc;
}

#errors h3 {
  color: #dc3d3d;
  font-size: 120%;
  margin-bottom: 0.3em;
}

#errors ul {
  margin-top: 0.5em;
  margin-left: 2em;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

.fieldWithErrors input[type=text],
.fieldWithErrors input[type=password],
.fieldWithErrors textarea {
  background: #ffdcdc;
}

/* SELF-CLEARING FLOATS */

#header:after,
#footer:after,
#main-body:after,
#event:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.error, .notice, .success {padding:.8em;padding-left:1em;margin-bottom:0em;border:2px solid #ddd;border-bottom:4px solid #ddd;}
.error {background:#F9E6EB;color:#5C111A;border-color:#FF93A5;}
.notice {background:#F7F0E1;color:#7A6C2D;border-color:#F0DD89;} /* was F8EEC4 */
.success {background:#D5F2C3;color:#436D38;border-color:#90BA85;} /* {background:#264409;color:#E6EFC2;border-color:#C6D880;} */
.error a {color:#8a1f11;}
.notice a {color:#1E97C4;}
.success a {color:#264409;}

.last_button {
	text-align:center;
	margin: 0;
}

.centered {
	width:30em;
	height:16em;
	position:relative;
	margin:0 auto;

}
.box {
	width:328px;
	overflow:hidden;
	float:left;
}

.boxtitle p {
	margin:1em;
}

.transferto {
	background-color:#0f0;
}

.transferfrom {
	background-color:#f00;
}

/* BUTTONS */
.buttonhouse {
	position:relative;
	margin:0 auto;
	width:330px;
	text-align:center;
}
.buttonMany form {
	float:left;
	margin-left:2px;
	margin-right:2px;
}

button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width: auto; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }

/*blue buttons*/
button.submitBtn { background:url(/images/blue/button-right.png) right no-repeat; font-size:1.3em; font-weight: bold; }
button.submitBtn span { height:50px; line-height:50px;background:url(/images/blue/button-left.png) left no-repeat;color:#fff; }
button.submitBtn:hover {background:url(/images/blue/button-right-hover.png) right no-repeat; }
button.submitBtn:hover span {background:url(/images/blue/button-left-hover.png) left no-repeat; }

/*transaction buttons*/

#centered  {
text-align:center;
font-size:0px; /* clear gaps in inline structure */
}
#centered li {
list-style:none;
display:inline;
}
#centered li span {
font-size:10px; /* Base level of the font */
display: table-cell; /*Firefox 2 */
display: inline-block; /* Other */
width:155px;
height:155px;
}
#centered li.deposit span {
	padding-left:20px;
}
#centered li a {
margin-top:10px;
font-size:1em; /* We have the right unit  */
display:block;
width:155px;
height:155px;
display:inline-block; /* for Opera */
width:100%; /* for Opera */
}
#centered li.deposit span a {
	background: #fff url(/images/toweb.png) top center no-repeat;
}
#centered li.withdraw span a {
	background: #fff url(/images/tolocal.png) top center no-repeat;
}
#centered li.deposit span a:hover {
	background: #F9E6EB url(/images/toweb.png) bottom center no-repeat;
}
#centered li.withdraw span a:hover {
	background: #EBFDE9 url(/images/tolocal.png) bottom center no-repeat;
}

button.transactionBtn {
	width:155px;
	height:155px;
	display:block;
}

button.deposit {
	background: #fff url(/images/toweb.png) top center no-repeat;
}

button.deposit:hover {
	background: #F9E6EB url(/images/toweb.png) bottom center no-repeat;
}

button.withdraw {
	background: #fff url(/images/tolocal.png) top center no-repeat;
}

button.withdraw:hover {
	background: #EBFDE9 url(/images/tolocal.png) bottom center no-repeat;
}

/* BUTTONS END */

strong { font-weight:bold; }
.notice em { color:#156989; font-weight:bold; }

.administrations label {
	color:#C46B1E;
}

.transfer_code label {
	color:#156989;
} 

/* TRANSACTION HISTORY REPORT  */

/* #history {
	background-color:#c00;
} */

#history h1 {
	display:none;
}

#history table {
	padding: 0;
	margin: 0;
}
#history caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#history th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #E9F8FE;
	border-right: 1px solid #E9F8FE;
	border-bottom: 1px solid #E9F8FE;
	border-top: 1px solid #E9F8FE;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #1E97C4 url(images/table_header.jpg) no-repeat;
}

#history th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #E9F8FE;
	background: none;
}

#history td {
	border-right: 1px solid #E9F8FE;
	border-bottom: 1px solid #93E1FF;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#history td.alt {
/*	background: #F0F8FB; */
	color: #156989;
}

#history th.spec {
	border-left: 1px solid #93E1FF;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#history th.specalt {
	border-left: 1px solid #E9F8FE;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#history tr:hover {
	background:#fbf8f0;
}

#history tr:hover td {
	color:#000;
}

/* SRD */
#tabs { position:relative }