*-------------------------------*/
/* General Setup                 */

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 100%;
		color: #4b5353;
		background: url('../../img/global/head_bg.jpg') repeat-x 0 0;
		background-color: #FFF;
		margin: 0;
	}

	h1 {
		font-size: 1.8em;
		color:#009dac;
		font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
		font-family: "arial narrow", arial, verdana, helvetica, sans-serif;
		
	}

	h2, h3, h4 {
		font-size: medium;
		font-weight:normal;
	}
	
	h2{
		font-size: 1.1em;
		
	}

 	p {
		margin: 1em 0;
	}

	a {
		color: #000;
		background: inherit;
	}

	a:hover {
		color: #777;
		background: inherit;
	}

	a img {
		border: 0;
	}

	hr {
		color: #000;
		background: #000;
		height: 1px;
		margin: 20px auto;
		border: 0;
		width: 90%;
	}

	ul {
		margin: 0.5em 25px;
	}

 	table {
		margin: 1em 0;
	}

	form {
		margin: 1em 0;
	}

	select option {
		padding-right: 5px; /* FF crops the content */
	}

/*-------------------------------*/
/* Generic Classes               */

	.hide {
		display: none;
	}

	.clear {
		clear: both;
	}

	.error {
		color: red;
		background: inherit;
		font-weight: bold;
	}

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.help {
		cursor: help;
	}

	.adminLink {
		color: #AAA;
		text-decoration: none;
		font-weight: normal;
		font-size: small;
	}

	.fade {
		color: #AAA;
	}

/*-------------------------------*/
/* Basic Form                    */

	.basicForm .row {
		padding: 5px 0 0 11.5em;
	}

	.basicForm .row .label { /* NS7: Cannot apply styles to label object */
		float: left;
		width: 11em;
		margin: 0 0 0 -11.5em;
		text-align: right;
	}

	.basicForm .submit input {
		margin-bottom: 5px;
	}

/*-------------------------------*/
/* Basic Table                    */

	.basicTable {
		border-top: 1px dotted #009dac;
		border-right: 0;
		border-bottom: 0;
		border-left: 1px solid #fff;
		clear:both;
		color:#4b5353;
		width:495px;
	}

	.basicTable th,
	.basicTable td {
		border-top: 0;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 0;
		padding: 5px;
		text-align: left;
	}
	
	th:first-letter {
	  text-transform: uppercase;
	}
	
	.basicTable thead th {
		background: #fff;
	}
	tr:hover{
		background: #eee;
		
	}
	
	.basicTable tr,
	.basicTable tr {
		background: #b2d8d8;

	}
	
	.basicTable tr:hover,
	.basicTable tr:hover {
		background: #eee;
	}
	
	.basicTable tr.odd,
	.basicTable tr.odd {

		background: #d2e8e8;

	}

	.basicTable tr td.numeric {
		text-align: center;
	}
	
	.basicTable td.projectLink{
		width:120px;
		text-align:center;
	}
	
	.basicTable a{
		color:#009dac;
		display:block;
	}
	
	.basicTable tr.odd:hover,
	.basicTable tr.odd:hover {
		background: #eee;
	}
	
	.basicTable tr.odd th:hover,
	.basicTable tr.odd td:hover {
		background: #eee;
	}		
	
/*-------------------------------*/
/* Skip Links                    */

	#skipLinks,
	#styleSheetSwitcher {
		padding: 0;
		position: absolute;
	 	right: 0px;
	 	top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
	}

	#skipLinks a:active,
	#skipLinks a:focus,
	#styleSheetSwitcher a:active,
	#styleSheetSwitcher a:focus {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

/*-------------------------------*/
/* Page Frame                    */
	
	#wrapper{
		width:1024px;
		margin:0 auto;
		font-size:0.875em;
	}
	
	#pageTitle {
		color: inherit;
		background: #999;
		padding: 0;
		background: url('../../img/global/logo.jpg') no-repeat;
		height:86px;
	}

	#pageTitle a {
		text-decoration: none;
	}

	#pageTitle a:hover {
		color: #000;
		background: inherit;
	}

	#contentContainer {
		position: relative;
	}

	#pageContent {
		padding:0;
		background: url('../../img/global/background.gif') repeat-x 0 0;
		overflow:auto;
	}

	#pageContent h2 a {
		text-decoration: none;
	}

	#pageNavigation {
		float:left;
		background: transparent;
		width: 192px;
		padding: 0 0 0 30px;
	}

	#pageNavigation h2.devWork {
		padding: 10px 0 15px 15px;
		background: url('../../img/global/devBgImg.gif') no-repeat 0 0;
		color:#4b5353;
		width:192px;
		float:left;
	}

	#pageNavigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		background:#fff;
		float:left;
	}
	
	#pageNavigation ul li {

		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		width: 192px;
		padding:4px 0 0 0;
  		margin-top:1px;
  		background: #ededed url('../../img/global/listBg.gif') repeat-x 0 100%;
		height: 25px;
	}
	
	#pageNavigation ul li a{
		margin: 0 0 0 14px;
	}
	
	#pageNavigation ul li:hover, #pageNavigation ul li a:hover{
		background:#ddd;
	
	}
	
	#pageNavigation ul li.selected, #pageNavigation ul li.selected{
		background:#ddd;
	
	}
	
	#pageNavigation #alphaListing li{
		background:#fafafa;
		border-top:1px solid #fff;
		border-bottom:none;
		width: 165px;
		padding: 0 0 0 27px;
		float:left;
	}
	
	#pageNavigation #alphaListing li a{
		float:left;
		width:26px;
		padding: 3px;
		border:1px solid #ededed;
		margin:0;
		text-align:center;
	}
	
	#pageNavigation #alphaListing li a:hover{
		background-color:#eee;
	}
	
	#pageNavigation ul a {
		color:#009dac;
	}
	
	#logoutLink{
		position:absolute;
		right:193px;
		margin:10px 0 0 0;
	}
	
	#logoutLink a{
		color:#009dac;
	}
	
	#contentColumn{
		float:left;
		width:700px;
		margin: 55px 0 0 40px;
	}
	
	#clientTable{
		float:left;
		width:700px;
		margin: 0 0 0 0;
	}

/*-------------------------------*/
/* Login Page                    */

	#pLogin {
		text-align: center;
	}

	#pLogin #pageNavigation {
		display: none;
	}

	#pLogin #pageContent {
		width: 33em;
		margin: 5em auto 0 auto;
		text-align: left;
		color: #000;
		background:transparent;
	}

	#pLogin #pageContent fieldset {
		border: 0;
		background: url('../../img/global/loginFormBg.gif') repeat-x 0 0;
		padding: 60px 0 103px 0;
	}
	
	#pLogin #pageTitle {
		color: inherit;
		background: #999;
		padding: 0;
		background: url('../../img/global/logo.jpg') no-repeat;
		height:86px;
	}
	
	#pLogin #pageTitle .input input{
		
	}
	
	#pLogin h2{
		color:#ccc;
		font-size:1.4em;
	}
	
	#pLogin .submit{
		margin:5px 0 0 0;
	}
	
	#pLogin .row input{
		border: 1px solid #8dd0d6;
		padding:1px;
	}
	
	#pLogin .submit input{
		border:none;
		background: url('../../img/global/loginButton.gif') no-repeat 0 0;
		width:82px;
		height:29px;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-size:0.9em;
	}
	
/*-------------------------------*/
/* User edit page                */

	#pMainUsersEdit fieldset {
		border: 0;
		margin-bottom: 1em;
	}

	
	#footer{
		width:1024px;
		background: url('../../img/global/footer_bg.gif') no-repeat 50% 0;
		clear:both;
		text-align:right;
		font-size: 0.775em;
		padding:5px 0 0 0;
		margin: 15px 0 0 0;
	}
	
	#footer p{
		padding: 0 40px 0 0;
	}