/***************************************************
 * FILE NAME:       /css/global.css
 * -------------------------------------------------
 * PURPOSE:         Global CSS file.
 * -------------------------------------------------
 * SPECIAL NOTES:   (None)
 ***************************************************/


/*-------------------------------
	1) PAGE-WIDE ELEMENTS
-------------------------------*/

body {
	width: 729px;
	height: 100%;
	margin: 0 auto;
	background: #999 url('../images/background.gif') repeat-x top;
	font: 12px/150% Arial, Verdana, Tahoma sans-serif;
	color: #000;
}

a {
	color: #960c13;
	text-decoration: none;
	border-bottom: 1px dotted #960c13;
}

a:hover {
	color: #960c13;
	text-decoration: none;
	border: none;
}

/*-------------------------------
	2) MAIN STRUCTURE OF SITE
-------------------------------*/

div#header {
	width: 729px;
	height: 148px;
	background: #fff url('../images/header_bg.gif') no-repeat;
}

	ul#top-nav {
		float: right;
		padding: 14px 7px 0 0;
	}
		
		ul#top-nav li {
			float: left;
			height: 19px;
			text-indent: -99999px;
			margin-left: 1px
		}
		
		ul#top-nav li#top-nav-home a {
			width: 45px;
			background: transparent url('../images/btn_top_home.gif') no-repeat;
		}
		
		ul#top-nav li#top-nav-about a {
			width: 64px;
			background: transparent url('../images/btn_top_about.gif') no-repeat;
		}
		
		ul#top-nav li#top-nav-faq a {
			width: 37px;
			background: transparent url('../images/btn_top_faq.gif') no-repeat;
		}
		
		ul#top-nav li#top-nav-contact a {
			width: 60px;
			background: transparent url('../images/btn_top_contact.gif') no-repeat;
		}
		
		ul#top-nav li a {
			display: block;
			text-decoration: none;
			border: none;
		}
		
	div#header div#login-text {
		display: inline;
		clear: right;
		float: right;
		margin-top: 3px;
		margin-right: 11px;
		font-size: 11px;
		color: #fff;
		font-weight: bold;
	}
	
	div#header div#login-text a {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}

div#login {
	width: 729px;
	background: transparent url('../images/login_bg.png') repeat-y;
	line-height: 24px;
}

	div#login div {
		width: 694px;
		padding: 10px 7px 10px 28px;
	}
	
	div#login div#loginmessage,
	div#login div#submitbutton {
		position: relative;
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	div#login h1 {
		font-size: 18px;
		font-weight: bold;
		color: #ba191f;
		margin-bottom: 5px;
	}

	div#login strong {
		font-size: 12px;
		color: #ba191f;
		margin-right: 30px;
		font-style: italic;
	}

	form#login-form label {
		font-size: 11px;
		color: #750c11;
		font-weight: bold;
		margin-right: 5px;
	}
	
	form#login-form input {
		font: 11px Verdana, Tahoma, sans-serif;
		margin-right: 20px;
		padding: 2px;
		background: #fff url('../images/input_shadow.gif') top repeat-x;
		border: 1px solid #777;
	}
	
	form#login-form input#login-form-submit,
	input.styled-btn {
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		background-color: #fff;
		background-image: url('http://www.macromedia.com/images/master/background_form_element.gif');
		background-repeat: repeat-x;
		color: #333;
		padding: 2;
		font-size: 10px;
		font-weight: bold;
		font-family: Verdana, Helvetica, Arial, sans-serif;
	}
	
	form#login-form input#login-form-submit:active,
	input.styled-btn:active {
		border: 3px double #ccc;
		border-top-color: #999;
		border-left-color: #999;
	}
	
div#login-box {

}

div#entire-container {
	float: left;
	width: 729px;
	background: transparent url('../images/logged_in_bg.png') repeat-y;
}

div#entire-container-inner {
	float: left;
	width: 100%;
	background: transparent url('../images/left_column_fade.jpg') 7px bottom no-repeat;
}

ul#nav {
	float: left;
	width: 515px;
	height: 48px;
	margin-right: 7px;
	background: #fff url('../images/patches_easy_way.gif') -15px bottom repeat-x;
}

	ul#nav li {
		float: left;
		width: 171px;
		height: 48px;
	}
	
	ul#nav li a {
		width: 100%;
		height: 48px;
		display: block;
		border: none;
		text-decoration: none;
		text-indent: -99999px;
	}
	
	ul#nav li a#team {
		background: transparent url('../images/nav_team.jpg') no-repeat;
	}
	
	ul#nav li a#custom {
		background: transparent url('../images/nav_custom.jpg') no-repeat;
	}
	
	ul#nav li a#account {
		background: transparent url('../images/nav_account.jpg') no-repeat;
	}
	
	ul#nav li a#team:hover {
		background: transparent url('../images/nav_team_hover.gif') no-repeat;
	}
	
	ul#nav li a#custom:hover {
		background: transparent url('../images/nav_custom_hover.gif') no-repeat;
	}
	
	ul#nav li a#account:hover {
		background: transparent url('../images/nav_account_hover.gif') no-repeat;
	}
	
	ul#nav li a#team-hover {
		background: transparent url('../images/nav_team_hover.gif') no-repeat;
	}
	
	ul#nav li a#custom-hover {
		background: transparent url('../images/nav_custom_hover.gif') no-repeat;
	}
	
	ul#nav li a#account-hover {
		background: transparent url('../images/nav_account_hover.gif') no-repeat;
	}

div#left {
	display: inline;
	float: left;
	margin-left: 7px;
	width: 160px;
	padding: 63px 20px 0 20px;;
}

div#content {
	width: 669px;
	padding: 15px 30px 30px 30px;
	text-align: left;
	background: transparent url('../images/content_bg.png') repeat-y;
}

div#content-in {
	display: inline;
	float: right;
	width: 455px;
	padding: 15px 30px 30px 30px;
	margin-right: 7px;
	text-align: left;
	background-color: #fff;
}

div#footer {
	float: left;
	width: 729px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	color: #999;
	background: transparent url('../images/content_bg.png') repeat-y;
}

div#footer a {
	color: #999;
	border: none;
	text-decoration: underline;
}

div#footer-btm {
	float: left;
	_float: none; /* IE6 FIX */
	width: 729px;
	height: 20px;
	text-align: center;
	padding: 0;
	margin: 0;
	background: transparent url('../images/footer_btm.png') no-repeat;
}


/*-------------------------------
	IE PNG FIXES
-------------------------------*/
/**/ * html div#login {
/**/ 	background-image: none;
/**/ 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login_bg.png', sizingMethod='scale');
/**/ }
/**/ * html div#content,
/**/ * html div#footer {
/**/ 	background-image: none;
/**/ 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_bg.png', sizingMethod='scale');
/**/ }
/**/ * html div#entire-container {
/**/ 	background-image: none;
/**/ 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logged_in_bg.png', sizingMethod='scale');
/**/ }
/**/ 
/**/ * html div#footer-btm {
/**/ 	background-image: none;
/**/ 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer_btm.png', sizingMethod='crop');
/**/ }
/*-------------------------------*/


/*-------------------------------
	2) STYLES
-------------------------------*/
.margin-right-40 {
	margin-right: 40px;
}

.margin-right-1 {
	margin-right: 1px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

h1.section {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	padding: 0;
	padding-bottom: 3px;
}

h1.loading {
	display: inline;
	color: #ba191f;
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px;
}

h2.header {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

div#left h1 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

div#left a {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
	border: none;
}

div#left p {
	margin: 0 0 3px 0;
}

.clean {
	border: none;
	background: none;
}

div.form-header {
	padding-bottom: 2px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #960c13;
}

a.small-link {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	border: none;
	text-decoration: underline;
}



span.sign-in {
	background: #F1E0E1;
	border-bottom: 1px solid #E09DA1;
	border-right: 1px solid #EAB8BA;
	padding: 1px;
}

span.sign-in a {
	border: none;
	text-decoration: none;
}



option {
	padding: 3px;
}