@import url('css/login.css');
@import url('css/graphs.css');
@import url('css/settings.css');
@import url('css/users.css');
@import url('css/data-tables.css');

/* =Global
--------------------*/
body {
	background: #ECF5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000; }

h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }

a:link,
a:visited,
span.link-like {
	color: #053893;
	outline: none;
	font-weight: bold;
	text-decoration: underline; }
	a:hover,
	span.link-like:hover {
		color: #FFFFFF;
		background: #053893; }
a:active { outline: none; }

a#skip { display: none; }

b.required {
	color: #FF0000;
	font-weight: normal; }

.edit a,
a.edit {
	font-weight: bold;
	color: #F90000; }
	.edit a:hover,
	a.edit:hover {
		background: #F90000;
		color: #FFFFFF; }
sub, sup {
	font-size: 10px;
	font-weight: normal;
	padding: 0 3px;
	color: #999999; }
.working-icon { display: block; }

/* =Sitewrapper
--------------------*/
#sitewrapper {
	width: 990px;
	margin: 0 auto; }


/* =Form Errors
--------------------*/
.field-with-errors {
	background: #F5DC63 }
	.field-with-errors input,
	.field-with-errors select {
		border: 1px solid #D29C34; }


/* =Flash
--------------------*/
#timecard-page .flash { position: relative; z-index: 5000; }
.flash.good {
	border: 1px solid #229322;
	background: #86D958;
	padding: 10px;
	margin: 0 0 20px 0; }
.flash.bad {
	border: 1px solid #D29C34;
	background: #F5DC63;
	padding: 10px;
	margin: 0 0 20px 0; }
	.flash div.inner {
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 20px 10px 70px;
		font-size: 12px;
		color: #000000;
		text-align: left;
		min-height: 30px; }
		.flash div.inner h3 {
			font-size: 14px;
			font-weight: bold;
			margin: 5px 0;
			display: block;
			padding: 0;
			border: none; }
		.flash div.inner ul {
			margin-left: 20px; }
			.flash div.inner ul li {
				line-height: 150%;
				list-style-type: square; }
		.flash div.inner a.large {
			line-height: 40px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: bold; }
		.flash div.inner a { font-weight: bold; }
	.flash.good div.inner {
		background: #FFFFFF url('Images/icon_check.gif') no-repeat 20px 15px;
}
	.flash.bad div.inner {
		background: #FFFFFF url('Images/icon_yeild.gif') no-repeat 15px 15px;
}
	.flash.no-explanation div.inner {
		font-weight: bold;
		min-height: 35px;
		font-size: 14px; }

/* =System Note
--------------------*/
p#system-note {
	height: 35px;
	width: 100%;
	background: #EDEAAB url('Images/bg_system-note.gif') repeat-x 0 0;
	line-height: 30px;
	text-align: center;
	font-size: 11px;
	color: #333333; }
	p#system-note b {
		color: #FF0000;
		font-weight: normal; }


/* =Sub-Page Navigation
--------------------*/
ul#page-nav {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px; }
	ul#page-nav li {
		color: #2874B9;
		display: inline; }
		ul#page-nav li b {
			color: #000000; }
		ul#page-nav li a {
			color: #2874B9;
			font-weight: bold; }
			ul#page-nav li a:hover {
				background-color: #2874B9;
				color: #FFFFFF; }


/* =Sitewrapper -> Content -> Main Content Div
--------------------*/
.main { }
.main.left {
	width: 615px; }
.main.right {
	width: 615px; }
	.main h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		padding-bottom: 7px;
		border-bottom: 1px solid #A7A7A7;
		margin-bottom: 10px; }
	.main h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 30px 0 5px 0;
		clear: left; }
	.main p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 150%;
		margin: 0 0 7px 0;}
		.main p strong { }
	.main strong.highlight {
		font-weight: normal;
		background: #FFFFCC; }


		/* =Sitewrapper -> Content -> Main Content Div --> Action
		--------------------*/
		.main #action {
			clear: left;
			float: left;
			width: 100%;
			margin-top: 30px; }
			.main #action input#action-button {
				float: left; }
			.main #action a#cancel {
				color: #F90000;
				float: left;
				margin: 18px 0 0 20px;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold; }
				.main #action a#cancel:hover {
					background: #F90000;
					color: #FFFFFF; }




/* =Sitewrapper -> Content -> Fieldsets
--------------------*/
fieldset {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	padding-left: 15px;
		margin: 15px 0 0 0;
		position: inherit;
	background: url('Images/bg_fieldset.gif') repeat-y 0 0;
}
	fieldset p { clear: left; }
		fieldset p label {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			display: block; }
		fieldset p span {
			display: block;
			background: #E9E9E9;
			width: 460px;
			padding: 4px; }
			fieldset p span select,
			fieldset p span input {
				border: 1px solid #A7A7A7;
				padding: 4px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;}
			fieldset p span select {
				padding: 3px 4px; }
			fieldset p span input { width: 450px; }
			fieldset p span select { width: 460px; }
	fieldset option { color: #000000; font-weight: normal; }
	fieldset optgroup {
		color: #666666;
		font-style: normal;
		font-weight: bold; }

	/* =Sitewrapper -> Header
	--------------------*/
	#sitewrapper #header {
	   width: 990px;
	   padding-top: 40px; }
		#sitewrapper #header #global-navigation {
			text-align: right;
			font-size: 11px;
			position: relative;
			top: -25px; }
			#sitewrapper #header #global-navigation a {
				font-weight: bold; }
		#sitewrapper #header a#logo {
			height: 51px;
			width: 135px;
			float: left;
			position: relative;
			top: -10px;
			background: url('Images/weldworksbannerlogo.png') no-repeat 0 0;
			text-indent: -5000px; }
		#sitewrapper #header a#ww_logo {
			height: 69px;
			width: 400px;
			float: left;					
			position:relative;
			top: -10px;
			background: url('Images/weldworksbannerlogo.png') no-repeat 0 0;
			text-indent: -5000px; }			
		

	/* =Sitewrapper -> Content
	--------------------*/
	#sitewrapper #content {
		clear: both;
		background: #FFFFFF;
		z-index: 100;
		position: relative;
		border: 1px solid #A7A7A7; }
		#sitewrapper #content #main {
			clear: both;
			background: #FFFFFF;
			z-index: 100;
			position: relative;
			border: 8px solid #F3F3F3 !important;
			border: 7px solid #F3F3F3; /* Hack for IE, need to fix. Has to do with an extra 1px of whitespace between #content and #main. */
			padding: 20px; }