/* 
Description:				Mitigation Dashboard
Version:					1
Author:						Solutions Development Team - URS Gaithersburg
Copyright:					URS Gaithersburg


* Color Schema *
Dark Blue:					#2e73af
Dark Green:				#578f2c
Burnt Orange (Text):  #ae4e24
Light Blue:				    #e4f1fd
Navy blue:					#1b4367
Light Gray(Borders):	#e9ecf0

*/





/* -------------------------GLOBAL ELEMENTS --------------------------------------- */
/* -------------------------------------------------------------------------------------- */
* { padding: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}     /* remove the default browser whitespace from all elements */

html, body {
	margin: 0; padding: 0;      /* remove the default browser whitespace */
}


/* main body element -------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;			/* this allows the value of 1em to equal 10 pixels */
	color: #555; 					/* set default text color */
	text-align: center; 			/* this centers all content on the page (for IE) */
	background: #2e73af url(images/mainbg.png) top right no-repeat;
}
body.no-background 
{
	background-image: none;
}	

/* remove default focus style (normally focus is ON) */
:focus {outline: 0; border: 0; }

/* Links and Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, ul, ol {
	margin: 0; padding: 0;   /* remove the default browser whitespace from specific elements */
}
/*		Links		 */
a:link, a:visited {		/* default links */ 	
	text-decoration: none;
	color: #4898bb; 					
	font-weight: bold;	
}
a:hover {		/* default links */
	text-decoration: underline;
	color: #18667a;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
}	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: -0.01em;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	letter-spacing: -0.03em;
}

/* default table settings */
table {
	border-collapse: collapse;
/*	margin: 5px auto; */
}
th, td {
/*	padding: 3px 4px;*/
	text-align: left;
}
th {
/*	font-size: 1.2em;*/
	font-weight: bold;
}

/* set all images */
img { 
	border: none;
	vertical-align: middle; 
}

/* restyle the HR tag ----------- */
hr {
	width: 95%;
	height: 1px;
	color: #d9d9d9;
	border-style: solid;	
	margin: 5px 0;	 /* centers in other browsers */
	text-align: center;	 /* centers in IE */
}






/* --------------------------------- MAIN  ELEMENTS  ------------------------------ */
/* ------------------------------------------------------------------------------------- */
/* main container for the content area */
#container {
	margin: 0 auto; 		/* the auto margins (in conjunction with a width) center the page (non-IE) - 5px(top) auto(left/right) 0(bottom) */
	text-align: left; 		/* this overrides the text-align: center on the body element. */
	font-size: 1.2em;   	/* default size for all text within the page is set here */
}

/* set individual sections/divs on the page to a fixed width, all others will be fluid */
.concise {
	margin: 0 auto;
	width: 940px;
}

/* main content area of the page */
#content {
	clear: both;		/* cancels float from areas above in layout */
	padding: 0;		
	background-color: #fff;
	padding-bottom: 15px;
/*	border: 1px solid #ddd;*/
}
/* padded area inside main content area */
#inner-content 	{
	padding: 10px;
	
/* 	font: normal 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;		font: weight size/line-height font-family */		
}




/* --------------------------------- HEADER ELEMENTS------------------------------- */
/* -------------------------------------------------------------------------------- */
#header {
	color: #444;
	margin: 0 auto 10px;
}
	/* area at the very top of the page used if needed - user login, account, settings, etc */
	#header #usersettings {
		float: right;
		font-size: 0.8em;
		margin-top: 5px;	
	}
	#header #usersettings,
	#header #usersettings a {
		color: #fcfcfc;
		font-weight: bold;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	    #usersettings #us-progbar {
	        text-align: right;
	        margin-top: 3px;
	    }
	#header .logo { 
		float: left;	
	}

	#header #appname {
		margin: 14px 0 0 5px;
		color: #fff;
		font-size: 2.5em;
		font-weight: bold;
		letter-spacing: -1px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		float: left;
	}

#inner_header {
	padding: 4px 0;
	float: left;
}


.lbl_update {
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 30px;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
}


/* --------------------------------- NAVIGATION------------------------------------ */
/* -------------------------------------------------------------------------------- */
/* navigation menu */
#navigation {
	float: right;
	margin-right: 2px;
}

/* used for the navigation user control */
table.tblnavigation,
table.tblnavigation table {
	padding: 0; margin: 0;		/* remove default whitespace */
}
table.tblnavigation td {
	padding: 0 1px;
	margin: 0;
}
table.tblnavigation .navLink td,
table.tblnavigation .navHover td,
table.tblnavigation .navActive td  {
	padding: 4px 5px 4px 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: hand;	
	vertical-align: middle;
}
table.tblnavigation .navLink td img,
table.tblnavigation .navHover td img,
table.tblnavigation .navActive td img {
	padding-left: 2px;
	vertical-align: middle;
}	

table.tblnavigation .navLink {
	color: #2e73af;
	background-color: #fff;	
	border: 1px solid #ccc;
	border-bottom: none;		
}
/* navigation: active tab  */
table.tblnavigation .navActive  {
	color: #2e73af;
	text-decoration: none;
	background-color: #e4f1fd;
}
/* navigation: hover tab  */
table.tblnavigation .navHover {
	color: #fff;
	background-color: #2e73af;
}


/* Search/Summary ------------------------------------ */
#searcharea {
	color: #555;	
	clear: both;
	background-color: #e4f1fd;
	text-align: left;
	margin-bottom: 5px;
	padding: 3px 5px;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;		/* shorthand border - border-top equals none */
	overflow: auto;
}
#searcharea h2  {
	font-size: 1.8em; 
	color: #2e73af; 
	float: left;
	margin: 2px 0 0 5px;
}
/* search tool area */
#searchbar {
	float: right; 
	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;		/* font: weight size/line-height font-family */
	margin: 3px;
}
#searchbar .img { vertical-align: middle; margin: 2px; }




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}





/* --------------------------------- EXTRAS --------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* simple module-looking area */
.module {
	border: 1px solid #e9ecf0;
	background-color: #fff;
	margin: 0 0 15px 0;
	padding-bottom: 10px;
}
.module h2							{ font-size: 1em; }
.module .inner						{ padding: 5px 20px; }

#taskordergrid, 
#taskorderdetails,
#financial-summary				{ width: 453px; margin-right: 10px; }

#taskordergrid						{ height: 376px; }
#taskordergrid .gridFrame		{ margin: 0 0 6px 0; }
#taskordergrid .gridRow,
#taskordergrid .gridHeader		{ padding: .3em .6em; }

#regionmap							{ width: 440px; height: 360px; margin-right: 0; float: right; }
#regionmap .inner					{ padding-top: 40px; }

#pmsummary						{ width: 440px; height: 257px; }					
#pmsummary .data label		{ margin: 4px 2px; }
#pmsummary .redlight			{ margin: 0; }				/* remove margin for the red bolded */

#preawards							{ height: auto; }

#autogrid .gridFrame				{ width: auto; }

#TOpreaward						{ width: 50%;  }
#TOpostaward						{ width: 44%; float: right;  }

/* modules/section dividers */	
.small-modules {
	width: 410px;
	border: 1px solid #dddddd;    /*#e9ecf0;*/
	margin: 0 15px 15px 0;
	padding: 0;
	float: left;
	background-color: #fff;
	text-align: left;
	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif; 	
}	

.small-modules h2,
.module h2 { 
	padding: 7px 10px;
	margin: 0;
	background-color: 	#e4f1fd;
	color: #2e73af;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
.small-modules .inner							{ padding: 10px 15px; overflow: auto; }
.small-modules .inner div					{ padding: 0.3em 0; }
.noborder h2										{ padding: 5px 0 8px 10px;  border: 1px solid #ddd;  }

.small-modules .data li	{
	clear: both;	 
}
.small-modules .data li label	{
	display: block;
	width: 225px;
	float: left;
	font-weight: bold; 	
	margin: 3px 2px; 
}
.small-modules .data li span	{
	display: block;
	float: right; 
	font-weight: normal;
	width: 135px;
	text-align: right;
}
.small-modules .phone li span {
	float: left;
}
.small-modules .phone li label {
	width: 210px
}
.small-modules .phone li span {
	width: 155px;
}
.small-modules .phoneline	{
	margin-top: 4px; 
}
.small-modules .inner ul						{ list-style: none; margin: 0; padding: 0;}
.small-modules .inner ul li					{ display: block; padding: 0.3em 2px; }
.small-modules .inner ul li .label			{ float: left; width: 160px;  }

/* link class in small modules  */
.small-modules a.link:link,	
.small-modules a.link:visited { 
	font: bold 0.6em/0.8em Tahoma, Arial, Helvetica, Sans-Serif; 
	text-decoration: underline; 
	color: #666666; 
}
.small-modules a.link:hover {
	text-decoration: none;
}
.small-modules li span.redlight {
	font-weight: bold;
}


/* modules that sit side by side */
 .sidexside_4 {
	width: 415px;
	float: left;
	display: inline;
}

.rightmodule  {
	float: right;				/* these are right placed modules */
	margin-right: 0;
}

.simplewrapper {
	clear: both;
}
.col1,
.col2,
.col3  {
	float: left;
	overflow: hidden;	
	padding: 0 0 .5em 0;
}
.col2	{
	vertical-align: middle;
	text-align: center;
}
.col2 p {
	 margin: 50px 10px;
}

/* --------------------------------- SpECIFICS --------------------------------------- */
/* -------------------------------------------------------------------------------- */

.closeout, .questions  {
	margin: 8px 0;
	padding: 8px 8px 8px 15px;
	border: 1px solid #ddd;
	color: #555;
}
.module .closeout,
.module .questions			{ border: none; }				/* used within a module */

.closeout legend,
.questions legend {
	margin: 5px; padding: 0 8px;
	display: block;
 	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;	/*	font: weight size/line-height font-family */
 	text-align: left;
 	color: #2e73af;
}
.closeout ul,
.questions ul {
	list-style: none;
	margin: 0;
}
.questions ul li,
.closeout ul li {
	/*clear: both;*/
	padding: 3px 0;
}

.tarcrpt ul li {
    clear: both;
}

.closeout ul label {
	display: block;
	float: left;
	width: 210px;
	padding-bottom: 5px;
	vertical-align: middle;
 	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;		font: weight size/line-height font-family 	
}
.questions .number {
	display: block;
	float: left;
	width: 10px;
	padding: 5px 5px 4px 0;	
	margin-bottom: 10px;	
}
.questions .radio  {
	display: block;
	float: left;
	width: 130px;
	padding: 5px 0;
	margin-top: 4px;	
}
.questions p { 
	display: block;
	float: left;
	margin: 5px 0 7px;
	width: 730px;
}

/* comments pop-up */
#comments  {
	font-weight: normal;
	font-size: 11px;
	margin: 20px;
	height: 300px;
	width: 450px;
	overflow: auto;			/* scoll if necessary */
}	
	
#searchfields							{ margin: 18px 0 0 5px;  }
#searchfields label					{ margin-top: 5px; width: 175px;  }

ul.subtitles								{ margin-left: 3px; }
ul.subtitles li							{ float: left; display: inline; clear: none; margin-right: 115px; }
ul.subtitles li label					{ width: auto; color: #999; }

#expectations						{ margin-bottom: 10px; }
#expectations ul						{ margin: 0 0 0 300px; }
#expectations li						{ margin-right: 40px; width: 100px; text-align: center;	 }		
#expectations .questions			{ border: 1px solid #ddd; }
#expectations .questions span {
	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;	/*	font: weight size/line-height font-family */	
	padding: 3px 0;
}

/* used to control text within a module header */
#modheadertext {
	font-size: 12px;   /* pixels used to avoid inherited size */
}


/* message board settings */
#AvailMsgBoards {
    width: 453px;
}
#AvailMsgBoards .inner {
    padding: 0;
}
#CreateMsgBoards {
    width: 440px;
}
#CreateMsgBoards p {
    margin-bottom: 8px;
}

/* Login page ONLY ------------------------------------- */
#loginwrapper {
    margin: 50px auto 20px;
    width: 500px;
}
.login {
	color: #f9f9f9;      
	margin: 30px 20px 10px;
	width: 100%;
	border: 1px solid #1b4367;
	background-color: #255d8e;
    height: 200px;	
}
/* controls the main table when using the asp:login control */
.login table {
	text-align: center;
	margin: 40px auto 10px;
}
.login .txtTitle {
	padding: 15px 0;
	font-size: 1.4em; 
	font-weight: bold; 
	color: #f9f9f9;  
	text-align: left;   	
}
.login .textbox {
	padding: 3px 2px;
	margin: 8px 0;
	vertical-align: middle;
}
.login .loginlink {
	font-size: 1em; 
	font-weight: bold;  		
}
/* styles the login labels */
.login td label  {
	float: right;
	font: bold 1.1em/1.3em Tahoma, Arial, Helvetica, Sans-Serif;		/* font: weight size/line-height font-family */
	color: #f9f9f9;
	margin: 0 10px 0 0;
}  
/* styles the LOGIN button */
.login td .loginbutton {
	font-size: 12px;
	float: right; 
	padding: 5px 15px;
	margin-right: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #555;
}


/* bottom box */
#loginnotes, #recoverpassword  {
	margin: 5px 20px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	border: 1px solid #1b4367;
	background-color: #255d8e;	
	text-align: left;
}
#loginnotes ul {
	list-style: none;
}
#loginnotes li {
	font: normal 1em/1.3em Verdana, Arial, Helvetica, Sans-Serif;
	color: #fff;
	float: left;
}
#loginnotes li.instructions {
	width: 300px;	 
	text-align: left; 
	padding: 10px 15px; 
	
}
#loginnotes li.forgot {
	width: 135px;	 
	padding: 10px;
	margin-top: 12px; 
	text-align: center;
	border-right: 1px solid #fff;
}
#loginnotes li.forgot a					    { color: #fff; text-decoration: underline; }
#loginnotes li.forgot a:hover				{ color: #fff; text-decoration: none; }
#loginnotes li.instructions a:link,
#loginnotes li.instructions a:visited	{ color: #fff; text-decoration: none; }
#loginnotes li.instructions a:hover	{ color: #fff; text-decoration: underline;	}

#recoverpassword {
	padding: 20px;
	color: #fff;
}
#recoverpassword .text,
#recoverpassword .loginlink  {
	color: #fff;
	display: block;
	font: bold 1.1em/1.3em Tahoma, Arial, Helvetica, Sans-Serif;		/* font: weight size/line-height font-family */
}
#recoverpassword a.btn				{ padding: 5px 15px; font-size: 11px; }
#recoverpassword .loginlink		{ text-decoration: underline; }		




/* --------------------------------- FORM/TABLE ELEMENTS--------------------------- */
/* -------------------------------------------------------------------------------- */
/* simple table setup used for asp grid controls, etc*/
table.tblgrid {
	font-family: Arial, Helvetica, Sans-Serif;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	text-align: left;
	margin: 10px;
}
table.tblgrid td {
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
table.tblgrid th {
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	background-color: #444;
	color: #fff;
}

/* plain table with dark border */
table.tblwhite {
	font: bold 0.9em/1.1em Verdana, Arial , Helvetica, Sans-Serif;
    color: #444;
	border: 1px solid #bbb ;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-collapse: collapse;
	background-color: #FFF;
}
table.tblwhite td {
	padding: 7px;
	font-size: 11px;
	border: 1px solid #ddd;	
	text-align: left;	
}
table.tblwhite td.header {
	font-family: Tahoma, Arial , Helvetica, Sans-Serif;
	background-color: #eee;
	padding: 6px;
	color: #444;
	border: 1px solid #ddd;
	border-width: 1px;
}

.ratings td {
	color: #999;
	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;
	padding: 5px 0;
}

.ratings td {
	text-align: center;
	padding-left: 15px; padding-right: 15px;
}
.ratings td.first {
	text-align: left;
	padding-left: 5px;
}
.ratings td.last {
	text-align: right; 
}



/* --------------------------------- CONTROLS  ------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* used for TreeView control */
 .treestyle {		/* controls the main tree */
	padding-left: 15px;
 }
.treenode {			/* controls the text of the innermost node */
	font: bold 0.9em Verdana, Arial, Helvetica, Sans-Serif;	/*	font: weight size/line-height font-family */	
	vertical-align: bottom;	
	line-height: 1.8em;			/* line height spaces the nodes of the tree */
	margin-bottom: 2px;
}


/* modal */
.modal {
	background-color: #fff;
	color: #555;
	border: 1px solid #ddd;
	font: normal 0.9em/1.1em Verdana, Arial, Helvetica, Sans-Serif;
}
.modalpagebg {
	background-color: #ccc;	
}
.modaltitle {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: -0.01em;
}




/* style the UltraWebGrid */
.gridwrapper {
	margin: 0 auto 20px;	
}
.gridwrapper div {
	padding:0;	
}
.gridwrapper table, 
.gridwrapper table th, 
.gridwrapper table td {
	margin: 0; padding: 0;    /* remove default table spacing */
}
.gridwrapper .gridFrame {
/*	border-top: 1px solid #ddd;   /* this controls the main grid table */
/* 	border-right: 1px solid #7f7f7f;
	border-left: 1px solid #7f7f7f;  controls the grid rows  
	border-bottom: 1px solid #7f7f7f;*/
	margin: 0 auto 20px;	
	width: 100%;
	table-layout: auto;
}
.gridwrapper .setmargin {
	margin: 5px;
}
.gridwrapper .gridHeader,
.gridwrapper .gridRow {
	padding: .5em 1em;			
	color: #444;          /* set  text color */ 
	/*text-align: left;*/
	border-left: none; border-right: none; border-top: none;
}
.gridwrapper th.gridHeader  {
	background-color:  #f8f9f9;
/*	background: #efefef url(images/btnbg.gif) repeat-x top left;	/* controls the grid header  */
	font-family: Tahoma, Arial , Helvetica, Sans-Serif;
	font-size: 0.8em;	
    color: #444;
	font-weight: bold;
	border-bottom: 1px solid #ddd;  
	/*text-align: left;*/
}
.gridwrapper .gridRow {
	font-family: Verdana, Arial , Helvetica, Sans-Serif;
	font-size: 0.8em;
	font-weight: normal;
	border-bottom: 1px solid #e5eff8;
}
.gridwrapper .gridAltRow {
	background-color: #f9f9f9;
}
.gridwrapper .centered,
.gridwrapper th.centered,
.gridwrapper td.centered  {
	text-align: center;			/* center grid item */
}
.gridwrapper .gridtopper {
	background-color: #CCC;
	padding: 2px 10px;	
}
.gridwrapper .gridSelectedRow  {
	background-color: #e4f1fd;	
}
.gridwrapper th.gridFooter {
    background-color: #d9d9d9;
}
.gridEditCellStyle {
	background-color: #ffff99;			/* set style for editable cells */
	font: normal 1em/1.3em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 2px 0;
}
 .fixedheaderstyle { background-color: #FF0000; }

/* Infragistics webDataGrid */
.gridwrapper .igg_DashboardHeaderCaption {
	background-color:  #f8f9f9;
	font-family: Tahoma, Arial , Helvetica, Sans-Serif;
	font-size: 11px;	
    color: #444;
	font-weight: bold;
	border-bottom: 1px solid #ddd; 
	padding: 5px 0 5px 5px; 
}
.gridwrapper .GridItemClass > tr > td {
	height: 30px;
	padding: 5px 0 5px 5px; 
}
.gridwrapper tbody.igg_DashboardItem > tr > td {
	padding: .5em 1em;	
}


/* set  tab control */
.tabwrapper  {
	background-color: #fff;  
}
.tabwrapper .tabframe {
	color: #666666;
}
.tabwrapper  table, .tabwrapper  td {
	padding: 0; margin: 0;   /* remove default whitespace */
	text-align: left;
}
/* set the tab styles for tab control */
.tabwrapper  td.DefaultTabStyle, 
.tabwrapper  td.SelectedTabStyle,
.tabwrapper  td.HoverTabStyle {
	padding: 8px;
	margin: 2px;	
	font-weight: bold;
}
/* set the tab default style for tab control */
.tabwrapper  td.DefaultTabStyle {
	background-color: #f4f4f4;
}
/* set the selected tab style for tab control */
.tabwrapper  td.SelectedTabStyle {
	background-color: #fff;
}

.tabwrapper  td.HoverTabStyle {
	background-color: #e4f1fd;		
}
/* horizontal tabs --- */
.tabwrapper  td.grayed-out {
	background-color: #f9f9f9;   /* selected tab - gray */
}
.tabwrapper td.white-out {
	background-color: #fff;    /* default tab white */	
}
/* end horizontal tabs */

.tabwrapper td.separator {
	width: 10px;
}
.tabwrapper .inner {
	padding: 15px;
	font-weight: normal;
}
.tabwrapper .setselectedimage {
		background: url(images/web-tab-def1.gif) top left no-repeat;				
}
/* used at the top of tab pages */
.tabwrapper div.tabpageheading {
	color: #999; 
	margin-bottom: 20px;
}
.tabwrapper .tabtopper {
	position: relative;
	top: 25px;
	right: 5px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	color: #444;
}
.tabwrapper .tabbedh2 {
	margin-left: -2px;				/* negative margins override the default tab spacing */
	margin-right: -1px;
}
	
	
	
	

/* --------------------------------- FOOTER -------------------------------------- */
/* ------------------------------------------------------------------------------- */
#footer {
	font: normal 0.8em/1.1em Verdana, Arial, Helvetica, Sans-Serif;
	color: #e4f1fd;
	padding: 10px;
	margin-top: 10px;
	text-align: right;
	border-top: 1px solid #e4f1fd;
}

/* bottom of page - copyright information */
#copyright {
	color: #999;
	font-size: 0.8em;
	text-align: left;	
	margin: 0 auto;
	padding:10px 0;
	float: left;
}
#copyright p { text-align: right }




/* --------------------------------- GENERAL CLASSES -------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.fltright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltleft { /* this class can be used to float an element left in your page */
	float: left;
}
/* floated links */
a.floatlinkleft { float: left }
a.floatlinkright { float: right }

/* simple clear for all floated items */
.justclear { clear: both; }
.clrright { clear: right; }
.clrleft { clear: left; }


/*simpleform class*/
.simpleform {
	list-style: none;
}
    .simpleform li {
        margin-bottom: 8px;
    }

/* floated lists */
.horizontal {
	overflow: auto;
	display: inline;
}
	.horizontal li {
		float: left;
		margin-right: 20px;
	}



/* position */
.nudgedown				{ margin-top: 20px; }
.nudgeup					{ margin-bottom: 20px; }
.nudgeright				{ margin-left: 20px; }
.nudgeleft					{ margin-right: 20px; }
.movebuttonleft			{ margin-right: 75px; }
.centered					{ text-align: center;  }
.btnnexttodate			{ margin-top: 9px;	  }
.btnnexttotextbox		{ margin-top: 14px; }
.centeronpage			{
	  position: fixed;			/* this class centers an object on the page */
	  top: 50%;
	  left: 50%;
	  margin-top: -50px;
	  margin-left: -100px;	
}

/* icon style */
.icon {
	border: none;
	margin: 0 5px 0 0;
	vertical-align: middle;
}


/* input controls */
.textbox, .datebox,
.dropdown,
.checkbox input, .checkbox label,
.checkboxlist input, .checkboxlist label,
.radio input, .radio label						{ vertical-align: middle; }
.datebox 											{ border: 1px solid #ddd; background: #fff;  }   /* ensure the entire background is white */
.datebox input									{ padding: 3px; }
.textbox, .dropdown							{ border: 1px solid #ddd; }
.textbox												{ padding: 3px; }
.dropdown											{ padding: 2px; }
.checkbox input									{ margin-right: 2px; }
.checkbox label									{ margin-right: 5px; }
.checkboxlist input								{ margin-left: 5px; margin-right: 3px; }
.checkboxlist label								{ margin-right: 8px; }
.radio input										{ margin-right: 3px;  }
.radio label										{ margin-right: 15px;  }



/* linkbutton class */
.btn, a.btn:link, a.btn:visited  {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #444;
	text-decoration: none;
	background: #e6e6e6 url(images/btnbg.gif) repeat-x 0 0;
    border: 1px solid #7f7f7f;
	margin: 3px 5px;
	padding: 4px 15px;  
	vertical-align: middle;
	line-height: 40px;	 
} 
a.btn:hover, a.btn:hover  {
	text-decoration: underline;
	background-color: #f1f1f1;
    border: 1px solid;
    border-color: #999 #7f7f7f #7f7f7f #999;	
}

/* this displays a btn or text as "disabled" */
a.disabled  {
	color: #777; 
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);				/* embossed text - IE */
	text-shadow: 0px 1px 0px #e5e5ee;										/* embossed text - other browsers */
	text-decoration: none;
}
/* removes the hover effect for a disabled button element */
a.btn.disabled:hover {
	text-decoration: none;
}


/* button types */
a.save:link, a.save:visited, 
a.new:link, a.new:visited,
a.cancel:link, a.cancel:visited,
a.delete:link, a.delete:visited,
a.preview:link, a.preview:visited {
	background-position: 10% 50%;  /* this positions the image */
	background-repeat: no-repeat;
	margin: 4px 4px 4px 0;		/* remove left margin mainly for IE6 */
	padding: 6px 10px 6px 25px;	
} 
a.save:link, a.save:visited {
	background-image: url(images/save.gif);
}
a.new:link, a.new:visited {
	background-image: url(images/newdoc.gif);	
}
a.cancel:link, a.cancel:visited {
	background-image: url(images/cancel.gif);
}
a.delete:link, a.delete:visited {
	background-image: url(images/delete.gif);
}

a.fixaddbtn:link,
a.fixaddbtn:visited   {  padding: 4px 27px; }



/*  dedicated button area - normally used at the end of forms */
.buttonarea	{
	float: left; 
	padding: 0; 
	margin: 10px 0; 	
}
.dashed-buttonarea  {
	clear: both;
	text-align: left;                             
	border: none;					/* remove any inherited borders */
	margin: 20px 5px 0 5px;
	padding: 5px 0;
	/*	border-top: 1px dashed #ccc; - client does not want */
}
/* end button area */

/* button area - normally used above grids */
.rightbuttonarea  {
	float: right; 
	padding: 0; 	
	margin: 10px 0; 
	overflow: auto;  
}
.rightbuttonarea a:link, 
.rightbuttonarea a:visited	{
	text-decoration: none; 
}
.rightbuttonarea a:hover		{
	text-decoration: underline; 
}
/* end right button area */



/* grid filter area ------------------------------------ */
.gridfilter {
	float: left;
	margin: 5px 20px 10px 0;
}


.label,
.gridfilter span.label {
	margin: 3px 5px 3px 0;
	display: block;
 	font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;	/*	font: weight size/line-height font-family */
 	text-align: left;
 	float: none;		
}
.gridfilter .textbox { float: left; }

table.wrapped-control,
.wrapper-box {
	background-color: #eee;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	overflow: auto;	 /* fixes the collapse issue cause by floated elements */
}
.fittedwrapper			{ float: left; margin: 20px; }

.wrapped-control td {	padding: 3px 10px; }

.setmargin {
	margin: 5px;
}
.settabmargin {
	margin: 5px 0;
}
.noborder {
    border: none;
}




/* pagination control throughout the site */
.pages {
	margin: 5px 0 15px 10px;
	font-size: 1em;
	padding: 0;
}
a.pages:link, a.pages:visited, a.pages:active {
	color: #444;
	padding: 4px;
	margin: 0 1px;
	border: 1px solid #CCC;
	text-decoration: none;
	font-weight: bold;
}
a.pages:hover {
	color: #FFF;
	background-color: #2e73af;
}




/* general unordered lists */
.quicklist {
	list-style: none;	/* remove inherent list style */
	margin-left: 8px;
}
.quicklist li {
	list-style-type: none;	/* remove inherent list style */
	list-style-image: none;
}
.quicklist li a:link, .quicklist li a:visited {
	display: block;
	text-decoration: none;
	width: 160px;	/* width important for IE6 browser */
	padding-bottom: 3px;
}
.quicklist li a:hover {
	text-decoration: underline;
	color: #666666;
}




/* text treatments */
.largetext	{
	font: bold 1.7em Arial, Helvetica, Sans-Serif; 
	color: #333;
}
.smalltext  {
	font: bold 1em Verdana, Arial, Helvetica, Sans-Serif; 
	color: #333;
}	
.smallboldtext {
	font: bold 0.9em Verdana, Arial, Helvetica, Sans-Serif; 
	color: #999;	
}
.smtxtarea { 
	font: bold 0.85em Tahoma, Arial, Helvetica, Sans-Serif; 
	color: #999;
	margin: 5px 0 5px 20px;
}
.graytext {
    color: #9a9a9a;
}
.redlight {
	font-weight: bold;			
	color: #ff0000;				/* red bolded font */
	margin: 0 3px;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
.loginerror {
	font: bold 1.2em/1.5em Arial, Helvetica, Sans-Serif;
	padding: 5px;
}
.validator  {
	font: bold 1.2em/1.5em Arial, Helvetica, Sans-Serif;
	padding: 5px;
}
.required  {
	font-size: 10px;			/* pixel size is used to override any inherited font-sizes, do not want this size to be changed */
	font-weight: bold;
	color: #555;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	vertical-align: middle;
	line-height: 20px;
}

/* display messages */
.errormsg, .successmsg, .notificationmsg {
	margin: 8px 0;
    font-size: 0.9em;
    font-weight: bold;
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
	.errormsg p, .successmsg p, .notificationmsg p {
		padding: 15px 10px;
	}
.errormsg {
	background: #ffecce;
	border: 1px solid #f6a396;
}
.successmsg {
	background: #edfbd8;
	border: 1px solid #dcefb7;
}
.notificationmsg {
	background: #ddeefc;
	border: 1px solid #2e73af;
}


/* message board display */
div.msg_box {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #ffffff;
    background-color: #f8f8f8;
    margin: 0;
}
    div.msg_box img {
        float: left;    
        padding: 6px 6px 4px;    
    }
    div.msg_box a {
        display: block;    
        padding: 6px 6px 4px;
    }
div.msg_comments {
    border: 1px solid #e0e0e0;    
    background-color: #f8f8f8;
    margin: 10px 0 5px; 
    padding: 10px;  
}
.mb_commentor {
    margin-left: 5px;
}
.mb_comment {
    margin-left: 30px;
}

/* single line divider ***********/
.divider {
    border-top: 1px solid #bbb;
    margin-bottom: 25px;
}  


.stat-rep {
	text-align: center;
	width: 160px;
	padding: 5px;
	background: #fff;
	border: 1px solid #e9e9e9;
}
	.stat-rep img {
		margin-right: 5px;
	}
#grd-stat-rep	{
	width: 570px;
}
.kickoffmod
{
    text-align: left;
}

.kickoffattendee-readonly
{
    border: 0px;
    font: bold 0.9em/1.1em Tahoma, Arial, Helvetica, Sans-Serif;
    padding: 3px;
    color: #555;
}