@CHARSET "ISO-8859-1";

/*******************************************************
 * 
 * Package: 		Conference registration software
 * Filename:		main_css.css
 * Date Written:	September 6, 2007
 * Last Updated:	May 25, 2010
 * Author:			John George
 * Abstract:		This is the main css file for the website.
 * 
 * @author John George <johnkg77@usa.net>
 * @copyright Copyright (c) 2008 John George
 * @version 0.1
 * 
 *******************************************************/
html
{
    font-size           :   100%;
}

body
{
	background-color	:	#FFF;
	font-family			:	Tahoma, Verdana, Arial, sans-serif;
	font-size			:	1em;
}

.main
{
	background-color	:	#E5E5E5;
	border-style		:	solid;
	border-width		:	1pt;
	border-color		:	#FF6600;
	padding				:	7.5pt;
	margin				:	7.5pt;
}

.top_left
{
	width				:	80%;
	float				:	left;
}

.top_right
{
	width				:	20%;
	float				: 	right;
/*	background-color	:	#E4E4C0; */
/*  font-size			:	1em; */
}

/*login form*/
.login_form, .new_address_form, .password_reset_form, .change_password_form, .change_email_form, 
	.change_address_form, .regstep1_form, .regstep2_form, .regstep3_form, .regstep4_form,
	.regstep5_form, .regstep7_form, .reg_form, .change_user_form
{
	background-color	:	#E4E4C0;
	font-size			:	.85em;
	border-style		:	solid;
	border-width		:	1pt;
/*	border-color		:	#FFFFFF; */
	padding				:	7.5pt;
	width				:	90%;
	margin				:	auto;
	clear				:	both;
    border-top-color    :   #fafafa;
    border-bottom-color :   gray;
    border-left-color   :   #fafafa;
    border-right-color  :   gray;
}

.row0
{
	background-color	: 	#E4E4C0;
}

.row1
{
	background-color	:	#D1D195;
}

.table_align
{
	width				:	100%;
}

.lif /*login form aligner*/
{
	width				:	100%;
	border-collapse		:	collapse;
}

.lif_label
{
	font-weight			:	bold;
}

.ra /*Table cell alignment right */
{
	width				:	50%;
	text-align			:	right;
}

.ra-full
{
	width				: 100%;
	text-align			: right;
}

.fra
{
	float				:	right;
	width				:	48%;
	text-align			:	right;
}

.fra40
{
	float				:	right;
	width				:	38%;
	text-align			:	right;
}

.rab /*Table cell alignment right bold */
{
	width				:	50%;
	text-align			:	right;
	font-weight			:	bold;
}

.ra4
{
/*	width				: 15%; */
	text-align			: right;
}

.ra4_b
{
/*	width				: 15%; */
	text-align			: right;
    font-weight         : bold;
}

.ra4_u
{
/*	width				: 15%; */
	text-align			: right;
    border-bottom-width : thin;
    border-bottom-style : solid;
}

.ra4_du
{
/*	width				: 15%; */
	text-align			: right;
    border-bottom-style : double;
}

.la /*Table cell alignment left */
{
	width				:	50%;
	text-align			:	left;
}

.la-full
{
	width				: 100%;
	text-align			: left;
}

.fla
{
	float				: 	left;
	width				:	48%;
	text-align			:	left;
}

.fla60
{
	float				: 	left;
	width				:	58%;
	text-align			:	left;
}

.la4
{
/*	width				: 35%;*/
	text-align			: left;
}

.error /*display error on the page*/
{
	background-color	:	#E5E5E5;
	color				:	#000000; /*black*/
	border-style		:	solid;
	border-width		:	1pt;
	border-color		:	#000000;
}

.notice /*for error notices on page*/
{
	color				:	#FF0000;
	width				:	100%;
	text-align			:	center;
	font-weight			:	bold;
    clear               :   both;
}

.alerth /*alert for form entry hidden*/
{
	color				:	#FF0000;
	text-align			:	left;
	font-weight			:	bold;
	display				:	none;
}

.alerts /*alert for form entry hidden*/
{
	color				:	#FF0000;
	text-align			:	left;
	font-weight			:	bold;
	display				:	inline;
}

.input /*input fields*/
{
	background-color	:	#FFFFFF;
	border				:	solid 1pt #000000;
}

.inputa /*input field if there is an error */
{
	background-color	:	#FFEEEE;
	border				:	solid 1pt #FF6666;
}

/*
input  {
    color: #666;
    background-color: #fee;
    padding: 2px;
    border: solid 1px #f66;
    } */

input:hover
{
    background-color    :   #CCFFFF;
    /*border              :   solid 1pt #006600;*/
    color               :   #000000;
    /*cursor: pointer;*/
}

input:focus
{
    background-color    :   #CCFFFF;
    /*border              :   solid 1pt #006600;*/
    color               :   #000000;
    /*cursor: pointer;*/
}

textarea:hover
{
    background-color    :   #CCFFFF;
    color               :   #000000;
}

textarea:focus
{
    background-color    :   #CCFFFF;
    color               :   #000000;
}


/*    input.formInputText:focus {
    color: #000;
    background-color: #ffffff;
    border: solid 1px #006600; 
    cursor: text;
    } */
    
/* classes used in reg step 5 */
.r5_table
{
	font-size			: 1.2em;
	font-weight			: normal;
	width				: 100%;
	border-width		: 0pt;
	border-spacing		: 0pt;
	border-style		: none;
	border-collapse		: collapse;
}

.r5_title
{
	font-size			: 1.1em;
	font-weight			: bold;
    text-align          : center;
	width				: 100%;
	border-width		: 0pt;
	padding				: 2pt;
	border-style		: none;
}

.r5_head1
{
	font-size			: .95em;
	font-weight			: bold;
    text-align          : center;
	width				: 100%;
}

.r5_head2
{
	background-color	: #D1D195;
}

.r5_master, .r5_num
{
	vertical-align		: top;
}

.r5_label
{
	font-size			: .95em;
	font-weight			: bold;
	font-style			: italic;
	width				: 100%;
/*	border-bottom		: thin solid; */
}

ul
{
	list-style-type		: none;
}

li
{
	padding-top			: 3pt;
	padding-bottom		: 3pt;
	padding-right		: 3pt;
	padding-left		: 0pt;
}

.r5_wrkshp_row0
{
	background-color	: #E4E4C0;
	font-size			: .65em;
	font-weight			: bold;
	font-style			: normal;
	width				: 100%;
	vertical-align		: top;
}

.r5_wrkshp_row1
{
	background-color	: #D1D195;
	font-size			: .65em;
	font-weight			: bold;
	font-style			: normal;
	width				: 100%;
	vertical-align		: top;
}

.r5_row_label0
{
	background-color	: #E4E4C0;
	font-size			: .65em;
	font-weight			: normal;
	font-style			: normal;
	width				: 100%;
	vertical-align		: top;
}

.r5_row_label1
{
	background-color	: #D1D195;
	font-size			: .65em;
	font-weight			: normal;
	font-style			: normal;
	width				: 100%;
	vertical-align		: top;
}

.r5_rtj
{
    font-size           : 1.5em;
	text-align			: right;	
}

.r5_rtj_n           /* normal font size for the totals */
{
    font-size           : 1em;
    text-align          : right;
}

.r5_rtj_b           /* bold */
{
    font-size           : 1em;
	text-align			: right;
    font-weight         : bold;
}

.r5_rtj_u           /*underline*/
{
    font-size           : 1.5em;
	text-align			: right;
    border-bottom-width : thin;
    border-bottom-style : solid;
}

.r5_rtj_un           /*underline*/
{
    font-size           : 1em;
	text-align			: right;
    border-bottom-width : thin;
    border-bottom-style : solid;
}

.r5_rtj_du           /*double underline*/
{
    font-size           : 1.5em;
	text-align			: right;
    border-bottom-style : double;
}

.r5_rtj_dun           /*double underline*/
{
    font-size           : 1em;
	text-align			: right;
    border-bottom-style : double;
}


.info
{
	font-size			: 1.2em;
	font-weight			: normal;
}

.heading
{
	font-size			: .9em;
	font-weight			: bold;
}

a:link
{
    color: #0033ff;
}

a:visited
{
    color: #cc00cc;
}

a:hover
{
    color: #FFFFFF;
    background-color: #0033ff;
}

a:active
{
    color: #0099ff;
}

/*
This following is the css for the tablesorter jquery plug in
The following images go with this css: asc.gif; bg.gif; desc.gif
*/
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: .7em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: .7em;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}