/*------Set the main body styles------*/
body
{
	/*--Set the main font style to be arial--*/
	font-family: arial;
	/*--Set the main font colour to be a dark grey--*/
	color: #333333;
	/*--Set the main page to have a margin of 30px all arround--*/
	margin: 30px;
}

/*------Set the logo styles------*/
#logo
{
	/*--Set the image to have no border--*/
	border: 0px;
	/*--Set the image to have a 10px --*/
	padding-bottom: 10px;
}
	
/*------Set the link styles------*/
a:link
{
	/*--Set the default link colour to be a peach colour--*/
	color: #ff6666;
}

a:visited
{
	/*--Set the visited link colour to be a peach colour--*/
	color: #ff6666;
}

a:hover
{
	/*--Set the link to remove the underlin when the user rolls their mouse over--*/
	text-decoration: none;
}

/*------Set the link styles for tabs (no styles)------*/
.tab a:link
{
	/*--Set the link to remove the underlin when the user rolls their mouse over--*/
	text-decoration: none;
	/*--Set the default link colour to be a grey colour--*/
	color: #333333;
}

.tab a:visited
{
	/*--Set the link to remove the underlin when the user rolls their mouse over--*/
	text-decoration: none;
	/*--Set the default link colour to be a grey colour--*/
	color: #333333;
}

.tab a:hover
{
	/*--Set the link to remove the underlin when the user rolls their mouse over--*/
	text-decoration: none;
	/*--Set the default link colour to be a grey colour--*/
	color: #333333;
}

/*------Set the tab styles------*/
#tab_container
{
	/*--Draw a lin under the tabs --*/
	background-image: url('images/tab_bg_end.jpg');
	background-repeat: repeat-x;
	/*--Stretch the div to the full width of the page --*/
	width: 100%;
	height: 29px;
	/*--Give a 20px space between the bottom of the header and the body content --*/
	margin-bottom: 29px;
}

/*--Set styles for the white tabs --*/
.tab_white
{
	width: 110px;
	height: 26px;
	background-image: url('images/tab_bg_light.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 3px;
	/*--Display all of the tabs on one line--*/
	float: left;
	/*--Make the cursor a hand when the mouse moves over a tab --*/
	cursor: pointer;
}

/*--Set styles for the grey tabs --*/
.tab_dark
{
	width: 110px;
	height: 26px;
	background-image: url('images/tab_bg_dark.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 3px;
	/*--Display all of the tabs on one line--*/
	float: left;
	/*--Make the cursor a hand when the mouse moves over a tab --*/
	cursor: pointer;
}

/*------Set the styles for form fields (some styles had to be ste in the html to comply with w3 standards)------*/
#from
{
	width: 400px;
}

/*--Set styles for the logout button --*/
#logout
{
	float: right;
	background-image: url("../admin/adm_images/logout.jpg");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.button
{
	/*--Give a 5px margin above the button--*/
	margin-top: 5px;
	/*-- Set a custom inage as the button--*/
	background-image: url('images/button.png');
	/*--Align the button text to the center--*/
	text-align: center;
	border: 0px;
	width: 110px;
	height: 26px;
}

/*------Set the comments table styles------*/
/*--Draw a thin grey line under each comment--*/
.bottom_table_border
{
	border-bottom: thin solid #999999;
	padding-bottom: 20px;
	padding-top: 20px;
}

/*--Set the comments table to be the full page width--*/
.comments_table
{
	width: 100%;
}

/*------Set the cards table styles------*/
/*--Set the style of the cell of the card image--*/
.card_image_cell
{
	width: 320px;
	padding-bottom: 15px;
}

/*--Set the style of the paypal button--*/
.paypal_button
{
	margin-top: 4px;
	border: 0px;
}

/*--Make the cards table the full page width--*/
.cards_table
{
	width: 100%;
}

/*------Set the counter table styles------*/
#counter_table
{
	width: 50%;
	border: thin #999999 solid;
}

/*------Set the error styles------*/
/*--Set the error code to bold--*/
#ec
{
	font-weight: bold;
}

/*--Set the styles of the error box--*/
#error_box
{
	background-color: #ffCCCC;
	border: thin dashed #999999;
	padding: 2px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/*------Set the footer styles------*/
#footer
{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
}

/*------Set some basic styles------*/
.tiny_text
{
	font-size: 10px;
}

/*--Make text bold--*/
.bold
{
	font-weight: bold;
}

/*--Add 20px bottom padding--*/
.bot_space
{
	padding-bottom: 20px;
}

/*--Add 10px rightpadding--*/
.right_space
{
	padding-right: 10px;
}

/*--Align text center--*/
.center
{
	text-align: center;
}

/*--Hide any emement--*/
.hideelement
{
	display: none;
}

/*--Set the cursor to a hand--*/
.cursor_hand
{
	cursor: pointer;
}

.file_del
{
	width: 50px;
	text-align: right;
}

/*--Float element right--*/
.float_right
{
	float: right;
	*margin-top: -25px;
}