﻿/*----------------------------------------------------------*/
/* 						TEXT STYLES							*/
/*----------------------------------------------------------*/
	.header		{ font: 14px arial; color: #000; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
	.sub_header	{ font: 12px arial; color: #526573; font-weight: bold; padding-bottom: 4px; padding-top: 3px; }

	.small		{ font-size: 12px; font-family: arial; }
	.message	{ font: 0.9em trebuchet ms; color: #C00; font-weight: bold; }
	.sm_message	{ font: 12px verdana; color: #C00; font-weight: bold; }
	
	.message-box { border: solid 1px #F00;
		background-color: #fee; padding: 10px 10px 10px 50px; color: #C00; 
		width:auto; margin-left: auto; margin-right: auto;
		margin-bottom: 5px; font-weight: bold; font: 16px; background-image: url(images/icon-exclamation.png);
		background-position: 10px center; background-repeat: no-repeat;  }
	
	.message-box-ok {
		border: solid 1px #1C3294; background-color: #E0E6FF; padding: 10px 10px 10px 50px;
		width:auto; margin-left: auto; margin-right: auto;
		color: #222; margin-bottom: 5px; font-weight: bold; font: 16px;
		background-image: url(images/icon-info.png); background-position: 10px center;
		background-repeat: no-repeat;
	}


	/* tables */
		/**** tr styles ****/
		th { font: 12px arial; color: #FFF; background-color: #999966;
			font-weight: bold; border: outset 1px #526573; padding: 3px; }
		th a { color: #fff; text-decoration:none; font-weight:normal; margin: 4px;}
	

		/**** span border wrapper ***/
		table.border { border-left: solid 2px black; border-right: solid 2px black; width:800px; }
		/**** box ****/
		table.box{ border: solid 0px #444; padding: 0px; background-color: #fff; border-collapse: collapse;  }
		table.box th { font-weight: bold; font: 12px arial; color: white; background-color: #444; text-align: left; padding: 4px; }
		table.box td { font: 14px arial; padding-left: 2px; padding-right: 1px;}
		table.box table td { padding: 0px; }
		
		/**** content ****/
		table.content{ width: 100%; border: 0px; padding: 0px; background-color: #FFFFFF; border-collapse: collapse; }
		table.content th { font-weight: bold; font: 14px arial; color: white; text-align:left; padding-left: 5px; }
		table.content td { font: 14px arial; text-align:left; vertical-align:top;}

		table.content-list{
			width: 100%; border: solid 1px #ccc; padding: 0px;
			background-color: #FFFFFF;
			margin-bottom:5px; }
		
		table.content-list th {
			font: 14px arial; color: #fff; text-align:right; 
			padding-right: 8px;
			border: outset 1px #000;
		}
		table.content-list th.bar {
			font: 14px arial; color: #FFF;
			background-color: #999966;
			border: outset 1px #000;
			padding: 4px; text-align: left; font-weight: bold;
		}
		table.content-list td {
			font: 14px arial; text-align:left; vertical-align:top; border: solid 1px #ccc; 
			padding: 3px 3px 5px 5px;
			background-color:#eee;
			line-height: 1.5em;
		}
		
		table.content-list td.na div
		{
			font: 10px arial; border: 0px;
			padding: 0px;
			background-color: #fff;
			line-height: normal;
		}
		

		/**** list ****/
		table.list{
			width: 100%; border: solid 1px #ccc;
			padding: 0px;
			background-color: #FFFFFF;
			border-left: solid 1px #999;
		}
		table.list th, .th {
			font-weight: bold; font: 16px arial; color: white; text-align:left; 
			padding: 3px 0px 3px 5px; border: solid 1px black; background-color: #999966;
		}
		table.list td {
			font: 14px arial;
			vertical-align:top;
			border-right: solid 1px #999; 
			border-bottom: solid 1px #999;
			padding: 3px 3px 5px 5px;
			border-collapse:separate;
		}
		/**** nav *****/
		table.nav{ height:25px; }
		table.nav th {background-image: url(images/header-bar-bg.png);background-repeat:repeat-x;font: 13px arial; color: #fff; padding: 5px; text-align:left; }
		table.nav a { font: 13px arial; color:#fff; text-decoration:none; font-weight: bold;}
		/**** header *****/
		table.header{ background-image: url(images/bg_header.gif); width: 800px; background-position:bottom; height: 75px;}
		table.selected { border: 1px solid #000; background-color: #fff; }
		table.box_content { border: 2px solid #000; padding: 10px; background-color: #FFF; }
		
	.ProgressBar { margin: 0px; border: 0px; padding: 0px; width: 100%; height:3em; }	
	.RowDataItem { font: 12px arial; padding: 3px; }

/*----------------------------------------------------------*/
/* 							LINKS							*/
/*----------------------------------------------------------*/
	a.mainlinks {
		font: 12px Arial; text-decoration:none; font-weight: bold;
		padding: 3 5 3 5; background-color: #CBC7A1; color: #000; }
	a.mainlinks:visited { text-decoration:none; color: #000; }
	a.mainlinks:hover { color: #fff; background-color: #A19E81; }

	a.client:link			{ font: 16px arial; text-decoration: none; }
	a.client:visited	{ font: 16px arial; text-decoration: none; }
	a.client:hover		{ font: 16px arial; text-decoration: none; color: #666; }
	
	a.edit:link { font-weight: bold; color: #696124; font-size: 0.9em;}
	a.edit:visited { font-weight: bold; color: #696124; font-size: 0.9em;}

	a.addLink:link { font-weight: normal; color: #999; font-size: 0.9em; }
	a.addLink:visited { font-weight: normal; color: #999; font-size: 0.9em; }


/*** Lists ****/

ul.nav
{
	list-style-image: url(../../images/arrow.gif);
	margin: 0em 0 0 1em;
	padding: 0em 0 0 1em;	
}

div.front-page-preview {
	padding: 3px;
	margin-top: 0px;
	margin-right: 2px;
	border: solid 1px #eee;
	clear: both;
}

.preview-header {
	background-color: #666666;
	width: 100%;
	margin-right: 2px;
}
h2.front-page-preview {
	color:#FFF;
	background-color: #666666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding: 2px 0 0 5px;
	margin: 0 2px 0 0;
}
h2.file-header {
	font: 12px arial; color: #FFF;
	background-color: #999966;
	border: outset 1px #000;
	margin: 0px;
	padding: 4px; text-align: left; font-weight: bold;
}

.all-link {
	margin-left: 1.0em;
	font-size: 1.0em;
}

.all-link a {
	color: #666666;
	padding: 3px 3px 3px 0px;
}
.all-link a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.front-page-preview ul {
	margin: 0.4em 0em 0em 1em;
	padding: 0.4em 0em 0em 1em;
}

.front-page-preview p {
	margin-top: 0px;
}


.whitebold a,
.whitebold a:visited,
.whitebold a:link,
h2.front-page-preview a:visited,
h2.front-page-preview a,
h2.front-page-preview a:link
{	
	color: #fff;
}
