body
{
	background:white;
	font-family: geneva,arial, verdana, 'sans serif';
	font-size: 10pt;
	text-align:center;
}

h1, h2, h3
{
	font-family: geneva, arial, 'sans serif';
}


#content /* This controls the style of the main content text */
{
	color:black;
}

th
{
	font-size:10pt;
	border-top:2px solid gray;
	border-bottom:2px solid gray;
	background-color:#CCC;
}


div#banner
{
	height: 5.5em;
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	background-color:white;
	text-align:left;
}

div#bannerLeft
{
	width: 9em;
	float:left;
	margin-left:0;
	margin-right:0;
}

div#page
{
	width: 50em; 
	margin-left:auto;
	margin-right: auto;
	background-color:#f9f9f9;	
	overflow-x:hidden;
	}

div#bannerCenter
{
	float:left;
	margin-left:0;
	margin-right:0;
	padding-top:0;
}

#bannerCenter span
{
	font-size: 14pt;
	font-weight:bold;
}

div#bannerRight
{
	float:right;
	margin-left:0;
	margin-right:0;
}

div#spacer
{
	float:left;
	width:100%;
	border-bottom:1px solid black;
	font-size:12pt;
}

span#sectionTitle /* style for the Section Title, which is placed in the Spacer div below the banner*/
{
	margin-left:5em;
	font-weight:bold;
}

div#mainFrame
{
	width:100%;
	text-align:left;
	padding-top:0;
}

div#navMenu
{
	display:none;
}

.cl.after {
    clear: both; 
    visibility: hidden;
}

#itsalogo
{
	margin-left:5px;
}

.navSection
{
	padding: 5px;
}

.navSection
h2
{
	display:inline;
	font-weight:bold;
	font-family: Arial;
	font-size:8pt;		
	color:#04649c;
}

ul.navMenu  /* Formatting for the lists of links in the navigational menu */
{
	margin-left: 5px;
	margin-right: 5px;
	padding-left:2px;
	margin-top:0;
	border:1px solid gray;
	background-color:white;
	list-style-type: none;
}

#navMenu li
{
	border-bottom: 1px solid #cccccc 
}

div#directoryNav
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	margin-right:20px;
	border:1px solid black;
	text-align:center;
}

table.directory
{
	width:95%
}

ul#letterNav
{
	margin-left:20px;
	padding-left:10px;
	padding-right:10px;
	display:inline;
	list-style-type: none;	
}

#letterNav li
{
	display:inline;
}

#navMenu
a:link 
{
	color: #046493;
	text-decoration:none;
		
}

#navMenu
a:visited 
{
	color: #046493;
	text-decoration:none;	
	
}

#navMenu
a:active
{
	color: #046493;
	text-decoration:underline; 
}

#navMenu
a:hover
{
	color: black;
	text-decoration:underline; 
}


li#curPage
{
	color:#ff0000;
/*	font-weight:bold;  */
}

#curPage
a:visited
{
	color: #ff0000;
}

img
{
	border-style:none;
}

table.directory
{
	font-size:10pt;
}

div#userStatus /* div in upper right corner of content frame, showing current login status and shopping cart button*/
{
	display:none;
}

div#titleBar /* div holding the title bar used on every page. Has the same content as the <title> tag */
{
	width: 100%;
	border-bottom: 1px solid gray;
	color:#04649c;
}

#titleBar /* formatting for any images/logos used on the titlebar, such as the Maryland ITS Architecture logo */
img
{
	margin:0px;
	padding:0px;
}


#titleBar h2/*Titles are H2's */
{
	display:inline;
	font-weight:bold;
	font-family: Arial;
	font-size:14pt;		
	padding-left:0px;
	float:bottom;
}

div#content /* content block */
{
	width: 95%;
	min-height: 800px; /* Makes sure the content block flows down far enough to make the main frame look like two columns */
	background-color:white;
	float:left;
	padding-left:5px;
	paddin-right:5px;
	padding-top:0px;
	text-align:left;
	overflow-x:hidden;  /* prevent images with large widths ruining the layout(esp in IE). this is a NONSTANDARD property */
}

* html div#content 
{ /* IE Workaround for min-height */
	height:800px;
}

.itemHeader
{
	display:inline;
	
	width:10em;
	color:#000000;
	font-weight:bold;
}

h4.itemHeader
{
	font-size:10pt;
}

#nextPage
{
	text-align:right;
}

#footer
{
	clear:both;
	font-size:8pt;
	font-weight:normal;
	vertical-align:bottom;
	border-top:1px solid black;
	text-align:center;
	background-color:#EEEEEE;
}
.meetings
{
	font-size:10pt;
	text-align:center;
}

.meetings
td
{
	height: 22px;
}
.cancel
{ 	
	margin-left:65%;
	display:inline;
}


/* CSS Button Styles. Jacked from http://www.domedia.org/oveklykken/css-buttons.php# and colors changed */
.button {
	display:none;
	
}
a.button:link { 
	color: #FFF;
	text-decoration: none;
	}
a.button:visited {
	color: #fff;
	text-decoration: none;
	}
a.button:hover { 
	color: red;
	text-decoration: none;
	}
a.button:active { 
	border-color: black white white black;
	background-color: #369; 
	color: #ccc; 
	text-decoration: none;
	}
	
/* PayPal Styles*/
#viewCart
{
	display:inline;
	text-align:right;
	vertical-align:middle;
}

/* Calendar Styles */

table#calendar
{
	border-spacing: 0px; 
	border: 1px solid #000000;
}

#prevMonthButton a, #nextMonthButton a
{
	display:block;
	background-color:#CCC;
	text-decoration:none;
	border:1px solid black;
}

#prevMonthButton a:hover, #nextMonthButton a:hover
{
	color:white;
	text-decoration:none;
}

#prevMonthButton, #nextMonthButton 
{
	text-align:center;
}

a.dayHead 
{
	background-color:#EEEEEE;
	text-decoration:none;
	color:black;
	display:block;
}
a:hover.dayHead
{
	background-color:gray;
	color:white;
}

span.note
{
	font-weight:bold;
	font-size:8pt;
}
th.col_head
{
	font-size: 8pt;
	font-weight:bold;
	background-color:#4F5A84;
	border-top:0;
	color:white;
	border-bottom:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
}

.event_date_header
{
	color:#04649c; 
	
/*	background-color:#04649c; */
	border-bottom: 1px solid #333333;
	width:100%;
	height:21px;
	font-size:12pt;
	font-weight:bold;
	/*text-align:center;*/
}


#calendar td 
{

border: 1px solid #CCCCCC;

width: 100px;
}

.empty_day, .event_day, .normal_day
{
	text-align: right;
	vertical-align:top;
	height:70px;
	font-size: 8pt;
	overflow:auto;
}

.empty_day
{
	background-color:#E0E0E0;
}

.event_day
{
	/*background: #DDEEFF;*/
	color: #000000;
	background: #FFFFFF;
}

.normal_day
{
	background: #FFFFFF;
}
.calendar_item
{
	text-decoration: none;
	font-family: arial,sans serif;
	font-size:9px;
}

#calendar ul
{
    list-style-type:square;

	list-style-position:outline;
	text-align:left;
	margin-left: 0px;
	padding-left:15px;
	margin-top:0px;
	color:#04649c;
}	

.monthSelect
{
	margin-left:50px;
}

li a
{
	text-align:right;
}

#calendar
a:link 
{
	text-decoration:none;	
}

#calendar
a:visited 
{
	text-decoration:none;	
}

#calendar
a:active
{
	text-decoration:underline; 
}

#calendar
a:hover
{
	text-decoration:underline; 
}

/* Form Styles */

table#memberFormTable, #individualForm , #userForm, #fileBrowser, #pageEdit
{
	border-top:1px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	border-left:1px solid black;
	background-color:#f9f9f9;		
	border:0;
	font-size:8pt;
}


#pageEdit
td
{
border:0;
}

#pageEdit
table
{
	border:1px solid black;
}

label
{
	font-size:10pt;
}


table#memberFormTable
{
	width: 32.2em;
}

#memberFormTable
{

}
table#individualForm
{
	width: 32.2em;
}

table#userForm
{
	width:26.6em;
}

span#user
{
	color:#FF0000;
}
table#invoice
{
	border:0px;
}
td#options
{
	padding-left:10px;
	padding-right:10px;
}
td#sen
{
	vertical-align:top;
}

/* File Browser Styles */

table#fileBrowser
{
}
#preview
{
	width:200px;
	border-left:1px solid black;
}
#filename
{
	width:300px;
}
#fileInfo
{
	text-align:left;
}
#upload
{
	border-top:1px solid black;
}

#upload
a
{
	margin-left:100px;
	text-align:center;
	display:block;
	width:100px;
	text-decoration: none;
}

#upload
a:hover
{
	background-color:gray;
}

/* Report styles */

/* ------------- The following declarations are Global throughout all reports ------------ */

/* Report Name (has a div and a span)*/ 
div#reportNameHeader
{	
	border-top:medium solid #E0E0E0;
	border-bottom:medium solid #E0E0E0;
	text-align:left;	
}
span#reportNameHeader
{
	font-style:italic;
	font-weight:bold;
	font-size:200%;
	color:#330099;
}
tr#specialFirstRow
{		
	font-weight:bold;
	font-size:80%;				
}
tr#resultRows
{		
	font-size:12pt;
	font-family:times;
	page-break-inside:avoid;
}
tr#grandTotal
{
	font-weight:bold;
	font-size:12pt;
	font-family:times;	
}
.center
{
	text-align:center;
	font-family:times;
}
.left
{
	text-align:left;
	font-family:times;
}
.right
{
	text-align:right;
	font-family:times;
}
.bold
{
	font-weight:bold;
}
.borderBottom
{
	border-bottom:thin solid #989898;
}
table#mainScreenTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;	
	empty-cells:show;
	width:100%;
}
p#pageBreak
{
	 page-break-after:always;
}
.noDisplay
{
	display:none;
}

/* ------------- The following declarations are unique, specific to each report ------------ */

/* Aged Receivables */
span#reportTableHeader
{
	font-weight:bold;
	color:#330099;	
	font-size:150%;
	text-align:left;	
}
table#agedRec
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;
	empty-cells:show;
}
th#arMemName
{
	width:50%;
	text-align:left;
	font-size:12pt;
	font-family:times;	
}
th#arCells
{
	width:25%;	
	text-align:left;
	font-size:12pt;
	font-family:times;	
}
.summary
{
	text-align:left;
	font-size:70%;		
}

/* Actual Collected Revenue */
table#acrTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;
	empty-cells:show;
}
th#acrMemName
{
	text-align:left;	
	width:20%;
	border-right:thin solid #989898;
}
th#acrCells
{
	text-align:left;
	border-right:thin solid #989898;
}
td#acrCells
{
	border:1pt solid black;
}

/* Canceled Members */
table#canceledMemTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;
	empty-cells:show;
}
th#cmMemName
{
	text-align:left;
	width:50%;
}
th#cmHeaderCells
{
	width:25%;
	text-align:left;
}
td#cmCells
{
	border:1pt solid #989898;
}

/* Individual Members */
table#indivTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;	
}
td#indiv,td#indivContact
{
	border:1pt solid black;		
	font-family:times;
	font-size:12pt;
	width:50%;		
}
tr#canceledSpecialFirstRow
{
	font-weight:bold;
	font-size:90%;
	font-style:italic;
	color:#330099;
}

/* Invoice */
table#invoiceTop
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;
}
td#invoiceAddress
{
	width:65%;
}	
td#invoiceInfo
{
	width:35%;
}
p#amountDue
{
	font-family:times;
	border:2pt solid black;
	color:red;	
	font-weight:bold;
}
table#invoiceTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;
}
td#invoiceCells
{
	border:1pt solid black;
}
td#discountCell
{
	border:1pt solid black;
	background-color:#E0E0E0;
}
th#invoiceAmount
{
	width:25%;
	background-color:white;
	color:black;
	border:1pt solid black;
	font-weight:bold;
	font-size:12pt;	
}
th#invoiceDescription
{
	width:75%;
	background-color:white;
	color:black;
	border:1pt solid black;
	font-weight:bold;
	font-size:12pt;
}
.invoiceText
{
	font-family:times;
	font-size:12pt;
	text-align:left;
}

/* Member List */
table#memberListTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;
	empty-cells:show;
}
th#memName
{
	text-align:left;
	border-right:1pt solid #989898;
}
th#memHeaderCells
{
	text-align:left;
	border-right:1pt solid #989898;
}
td#memListCells
{
	border:1pt solid #989898;
}

/* Members by Type */
table#memberByTypeTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;
}
th#mbtMemName
{
	text-align:left;
	width:35%;
}
th#mbtStanding
{
	text-align:left;
	width:15%;
}
th#mbtHeaderCells
{
	text-align:left;
	width:50%;
}
table#mbtIndivTable
{
	width:100%;
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	empty-cells:show;
}
td#mbtAssocTitle
{
	width:50%;
}
td#mbtAssoc
{
	width:25%;
}
th#mbtIndiv
{	
	background-color:white;
	color:black;
	font-size:12pt;	
	width:50%
}
td#mbtCells
{
	text-align:left;
	border:1pt solid black;
}

/* New Members */
table#newMembersTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;
	empty-cells:show;
}
th#newMemName
{
	text-align:left;
	width:30%;
}
th#newMemHeaderCells
{
	text-align:left;
	width:17.5%;
}
td#newMemCells
{
	text-align:left;
	border:1pt solid black;
}

/* Projected Annual Revenue */
table#projectRevenueTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;
}
th#projectedMemType
{	
	text-align:left;
	width:20%;
}
th#projectedHeaderCells
{
	text-align:left;
	width:20%;
}
td#projectedCells
{
	text-align:left;
	border:1pt solid black;
}

/*  ITS Maryland Officers and Board */
table#execBoardTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;
}
th#obCells
{
	width:30%;
	text-align:left;
}
td#obCells
{
	border:1pt solid black;
	vertical-align:top;
	width:100%;
}
span#boardMember
{
	font-size:10pt;
	border-top:2px solid gray;
	border-bottom:2px solid gray;
	background-color:#CCC;
	font-weight:bold;	
}

/* ITSMD Members*/
table#itsmdMembersTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;
	empty-cells:show;
}
th#itsmdHeaderCells
{
	text-align:left;
	width:auto;
	border:1pt solid black;
	background-color:#C0C0C0; 
}
td#itsmdMemCells
{
	border:1pt solid black;
	overflow:hidden;
}