/*
#####################################################
#                                                   #
# foundation.css                                    #
#                                                   #
#####################################################

universal selector *
class selector     . (to target a group of elements
id selector        # (to target a unique html element)
*/

.thinborder {
border-width: 1px;
border-style: solid;
border-color: #777777;
border-collapse: collapse;
} 

.yellowsubmarine
{
  color: black;
  background-color: yellow;
}

td.error 
{
background-color:#FF0000;
color:#FFFFFF; 
}

/*###################################################
#                                                   #
# system reports                                    #
#                                                   #
###################################################*/

tr.heading
{
background-color: black;
color: white;
font-family:sans-serif;
}

tr.subheading
{
background-color: #D3D3D3;
color: black;
font-family:sans-serif;
}

tr.odd
{
background-color: white;
color: black;
font-family:sans-serif;
}

tr.even
{
background-color: #D3D3D3;
color: black;
font-family:sans-serif;
}

/*###################################################
#                                                   #
# payment                                           #
#                                                   #
###################################################*/

.three 
{
	background-color: #dddddd;
	color: #000000;
	text-align: center;
}
.six
{
	background-color: #bbbbbb;
	color: #000000;
	text-align: center;
}
.twelve
{
	background-color: #999999;
	color: #000000;
	text-align: center;
}

.asterisk
{
	color: #ff0000;
	text-align: right;
  font-size: 80%;
}

.homepage 
{
text-align: left;
font-size : large; 
font-family : Times, Roman, serif;
}  

.lineOne 
{
  font-size: 110%;
  text-decoration:none;
	color: #000077;
}
.lineTwo 
{
	color: #000000;
}
.lineThree 
{
	color: #007700;
}

/*###################################################
#                                                   #
# blog                                              #
#                                                   #
###################################################*/

.blogtitle 		{width:500px; text-align:center; color:white; background:#777777; margin:0 30px; padding:10px 10px; display:block;}
.blogname	 		{width:500px; text-align:center; color:black; background:#d3d3d3; margin:0 30px; padding:10px 10px; display:block;}
.blogtext			{width:500px; line-height: 1.5em; font-size : medium; text-align:left;   color:black; background:#ffffff; margin:0 30px; padding:10px 10px; display:block;}
.blogcomment 	{width:500px; text-align:left;   color:black; background:#ffdddd; margin:0 30px; padding:10px 10px; display:block;}

.mobtitle 		{text-align:center; color:white; background:#777777; margin:0 30px; padding:10px 10px; display:block;}
.mobname	 		{text-align:center; color:black; background:#d3d3d3; margin:0 30px; padding:10px 10px; display:block;}
.mobtext			{line-height: 1.5em; font-size : medium; text-align:left;   color:black; background:#ffffff; margin:0 30px; padding:10px 10px; display:block;}
.mobcomment 	{text-align:left;   color:black; background:#ffdddd; margin:0 30px; padding:10px 10px; display:block;}