/* ##########################################
######################## BODY DIVS #########
######################################## */


body#main {
  background: #ea92d4 url(images/CHOIC_wrpbg.jpg) center top repeat-y; /* same color as the menu */ /*url("/images/bggrid.jpg") */ 
  color: #222;
  font-family: Arial, Verdana,sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height:18px;
  margin: 0px;
  padding: 0px;
  text-align: center;
 }


* html {
  height:1%; /* So IE plays nice */
 }

body#login {
  background: #fff; /* same color as the menu */ /*url("/images/bggrid.jpg") */ 
  color: #222;
  font-family: Arial, Verdana,sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height:18px;
  margin: 0px;
  padding: 0px;
  text-align: center;
 }

body.print {
  font-size:10pt;
  font-family:Arial, Verdana, Sans-serif;
  color:#000;
  /*text-align:center;*/
}
	
/* ##########################################
######################## LAYOUT ############
######################################## */


#wrap {
  background: #fff url(images/CHOIC_wrpbg.jpg) repeat-y;
  margin:0 auto;
  padding:0;
  text-align:left;
  width:900px;
 }

.print #wrap{
  background:#fff;
  margin:0;
  padding:0;
  text-align:left;
  width:auto;
  }

#wrap_login {
  background:transparent;
  margin:0 auto;
  padding:0;
  width:900px;
}

.print #header{
  background:#fff;
  padding:0px;
  margin:0px;
  height:auto;
}

#header {
  background: #fff url("images/CHOIC_hdr_bg.gif") 15px 0px no-repeat;
  height:100px;
  margin:0 4px 5px 4px;
  padding:0 0 0 235px;
 }

#header_login {
  background: transparent;
  height:100px;
  margin:0 0 5px 0;
  padding:20px 0px 0px 0px;
 }

.admin #innerwrap {
  padding:0px 40px 0px 80px;
  }

#innerwrap {
  background:transparent;
  margin:20px 4px 0 4px;
  padding:0px 10px 0px 230px;
 }

#innerwrap_login {
  background: transparent;
  margin:-25px 0 0 0;
  padding:0px;
 }


#content {
  background: transparent;
  float:right;
  margin:0px 0px 10px -220px; /*Hat tip to Ryan Brill */
  padding:0px 10px 0px 10px;
  width:100%;
 }


#leftbar {
  display:inline; /* So IE plays nice */
  float:left;
  margin-left:-215px;
  padding:8px 0 10px 0;
  width:180px;
 }


#footer {
  background:#fff;
  border-top:1px solid #d0d0d0;
  clear:both;
  margin:5px 19px 0px 19px;
  padding:18px 0px;
  text-align:center;
  }

#footer_login {
  background:transparent;
  clear:both;
  margin:0;
  padding:0px;
  text-align:center;
}

.print #footer {
  margin:20px 0 10px 0;
  padding:10px;
  background:#fff;
  } 

.admin #innerwrap p.steps {
	margin-left:120px;
	margin-right:10px;
	}
p {
  margin-bottom:18px;
 }


/* ##########################################
######################## LINKS ############
######################################## */


a:link {
  color:#1757d3;
  font-weight:normal;
  text-decoration:none;
 }


a:visited {
  color:#7b99d3;
  text-decoration:none;
 }


a:hover {
  text-decoration:underline;
 }


a img {
  border-style:none;
  border-width:0;
 }


a:link img {
  border-style:none;
  border-width:0;
 }


/* ##########################################
######################## HEADERS ###########
######################################## */

h1 {
	background:transparent; /* url("/images/h1hdr.jpg") left top no-repeat; */
	font-size:24px;
	color:#77175f; /*#78c8e9; /*#143ccb; /*134598;*/
	text-align:left;
	margin:0px 0px 12px 0px;
	font-weight:normal;
	line-height:36px;
	border: none;
	text-indent:0px;
	padding:0;
	}

h2 {
	font-size:18px;
	font-weight:normal;
	color:#333;
	margin:0px 0px 18px 0px;
	line-height:18px;
	clear:both;
	padding:5px 0px;
	border-bottom:1px solid #d0d0d0;
	}


/* ##########################################
######################## LEFTBAR ###########
######################################## */



/* ##########################################
######################## FOOTER ###########
######################################## */



#footer ul{
	list-style-type:none;
	background:transparent;
	margin:0px;
	padding:0px
	}

#footer li {
	display:inline;
	margin:0px;
	padding:0px 5px;
	}


/* ##########################################
######################## FORMS #############
######################################## */

form#add_receipts, form#add_receipts_backup {
	background:#fcfcfc;
	border:1px solid #c8c8c8;
	float:left;
	padding:20px;
	margin:0px 20px 10px 0px;
	width:240px;
	}

#add_receipts label, #add_receipts_backup label{
	display:block;
	font-size:14px;
	font-weight: bold;
	}

#add_receipts input.text, #add_receipts_backup input.text{
	display:block;
	margin-bottom: 10px;
	padding:5px;
	width:220px;
	}


#add_receipts select, #add_receipts_backup select {
	display:block;
	margin-bottom:10px;
	padding:4px 4px 4px 0px;
	width:235px;
	font-size:14px;
	}

#add_receipts #submitbutton, #add_receipts_backup #submitbutton {
	padding:5px 10px;
	}


form#view_receipts {
	background:#fcfcfc;
	border:1px solid #c8c8c8;
	float:left;
	padding:20px;
	margin:0px 20px 10px 0px;
	width:240px;
	}

#view_receipts label{
	font-size:14px;
	font-weight: bold;
	margin-right:10px;
	}

#view_receipts input.text{
	padding:5px;
	width:200px;
	margin-bottom:10px;
	}

#view_receipts select {
	display:block;
	margin-bottom:10px;
	padding:4px 4px 4px 0px;
	width:235px;
	font-size:14px;
	}

#view_receipts #submitbutton {
	padding:5px 10px;
	}


/* ##########################################
######################## TABLES ############
######################################## */

thead {
  display: table-header-group;
	
 }

tbody {
  display:table-row-group;
 }



table#viewreceipts {
	margin:0px 0px 0px 0px;
	border:1px solid #7bc34b;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	color:#333;
	padding:0px;
	clear:both;
	}

table#viewreceipts td{
	padding:7px 10px;
	border:none;
	vertical-align: middle;
	}

table#viewreceipts td.left{
	padding:7px 0px 7px 5px;
	border:none;
	vertical-align: middle;
	}

table#viewreceipts th {
	padding:7px 10px;
	vertical-align: baseline; 
	font-weight: bold;
	background:#93e85a;
	border-bottom:1px solid #7bc34b;
	color:#222;
	text-transform:uppercase;
	}

table#viewreceipts a {
	color:#1697b2;
	}

tr.ltblue {
	background:#b4f28a;
	}

tr.white {
	background:#fff;
	}


p.table {
	margin:10px 0px 10px 10px;
	clear:both;
	}

p.tablehdr {
	margin:10px 0px;
	clear:both;
	}

/* ##########################################
######################## CLASSES ###########
######################################## */

.okmsg {
	font-weight:bold;
	color:green;
	}
.errormsg {
	font-weight:bold;
	color:red;
	}
.caution {
	font-weight:bold;
	color:#ff9900;
	}

strong {
	font-weight:bold;
	color:#000;
	}


.hidden {
	display:none;
	}


.receipts #leftbar h2.receipts, 
.receipts #leftbar ul.receipts
	{
	display:block;
	}



div.info {
	background:#ffffcc;
	margin:0px 5px 10px 5px;
	border:1px solid #ccc;
	padding:5px 10px 10px 10px;
	color:#4c4c4c;
	}

div.info h3 {
	margin:0 0 10px 0;
	padding:0;
	border-bottom:1px solid #ccc;
	font-size:14px;
	}

div.info p {
	margin:10px 0px;
	}


hr {
	margin-bottom:20px;
	}

.instruct {
	float:right;
	width:340px;
	margin:0;
	padding:0;
	}

.instruct h3 {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	font-size:14px;
	}

div.result {
	background:#b4f28a;
	border:1px solid #7bc34b;
	margin:0px;
	padding:5px;
	}
div.result p {
	margin:0px 0px 10px;
	}

div.news {
	background:#6699FF;
	border:1px solid #7bc34b;
	margin:0px;
	padding:5px;
	}
div.news p {
	margin:0px 0px 10px;
	}


/*###################################################
################################# FORM: ADMIN LOGIN
###################################################*/

form#adminlogin {
	margin:0 auto;
	padding:52px 0;
	background:#fff url("images/loginform_bg.jpg") bottom left no-repeat;
	color:#999;
	width:340px;
	border:0px solid #000;
	text-align:left;
}


#adminlogin input.text{
	display:block;
	margin:0 0 10px 30px;
	padding:5px;
	width:255px;
	}

#adminlogin label{
	display:block;
	margin:0px 0px 5px 30px;
	font-size:16px;
	font-weight: bold;
	color:#fff;
	}

#adminlogin #submitbutton {
	padding:5px 10px;
	margin:10px 0px 20px 30px;
	}

form#adminlogin h2 {
	margin:0px 30px 18px 20px;
	padding:0 0 10px 0;
	border-bottom:1px solid #fff;
	font-size:20px;
	font-weight:normal;
	color:#77175f;
	background:transparent url("images/loginform_tp.jpg") top left no-repeat;
}

/*###################################################
############################## FORM: ADMIN REGISTER
###################################################*/

form#adminregister {
	margin:0 auto;
	padding:0px 30px 0px 0px;
	background:#8bd100 url("images/form_bg.gif") bottom right no-repeat; 
	color:#fff;
	width:280px;
	text-align:left;
	}



form#adminregister .text {
	margin:0px 0px 10px 30px;
	padding:2px;
	font-size:18px;
	width:235px;
	}

form#adminregister button{
	margin:0px;
	padding:12px 20px;
	background:#8bd100 url("images/form_button2.gif") center center no-repeat;
	color:#fff;
	border:none;
	font-size:20px;
	}

#adminregister .submit {
	color:#fff;
	}

#adminregister label {
	font-size:16px;
	color:#fff;
	display:block;
	margin:0px 0px 5px 30px;
	}

label.formtop {
	background:transparent url("images/formheader_topright.gif") top right no-repeat;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	}

div.formheader {
	background:transparent url("images/formheader_topleft.gif") top left no-repeat;
	padding:0px;
	margin:0px -30px 0px 0px;
	}

div.formbody {
	background:transparent url("images/formbody_bg.gif") left repeat-y;
	padding:0px;
}

div.formfooter {
	background:transparent url("images/formfooter.gif") bottom left no-repeat;
	padding:0px 0px 20px 20px;
	text-align:center;	
	}