body
{
	background-color:#04649c;
	font-family: geneva,arial, verdana, 'sans serif';
	font-size: 10pt;
}

body#main
{
	text-align:center;
}

body#upload
{
	text-align:right;
}

div#uploader
{
	background-color:#EEE;
}
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: 72px;
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	background-color:white;
	text-align:left;
	border:1px solid black;

}

div#bannerLeft
{
	width: 123px;
	float:left;
	margin-left:0;
	margin-right:0;
}

div#page
{
	min-height:800px;
	width: 770px; 
	margin-left:auto;
	margin-right: auto;
	background-color:#f9f9f9;	
	overflow-x:hidden;
}

div#bannerCenter
{
	height: 72px;
	width: 522px;
	background-image:url('images/bgmap.gif');
	float:left;
	margin-left:0;
	margin-right:0;
	padding-top:0;
}

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

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


div#spacer
{
	margin:0;
	height:15px;
	width:100%;
	background-color:#6699CC;
}

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

}

div#mainFrame
{
	width:770px;
	text-align:left;
	padding-top:0;
	border-left:1px solid black;
	border-right:1px solid black;
}

div#navMenu
{
	font-size: 8pt;
	width: 135px;
	float:left;
	min-height:500px;	
	text-align:left;
}

#message
{
	font-size:8pt;
}
.cl.after {
    clear: both; 
    visibility: hidden;
}

#itsalogo
{
	margin-left:5px;
}

#message
{
	font-size:8pt;
}
.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-left:20px;
	margin-right:20px;
	text-align:center;
}

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
{
	border-spacing:0;
	width: 600px;
	font-size:10pt;
}

.directory
h3
{
	margin:0;
}
#menu
{
	margin-top:10px;
}

#menu a
{
	text-decoration:none;

}
#menu a:link
{
	color:blue;
}
#menu a:visited
{
	color:blue;
}

#menu a:hover
{
	color:red;
}

#memberLegend
{
	float:right;
	padding-top:0;
	padding-left:5px;
	margin-top:0;
	font-size:9pt;
}
.primaryIcon
{
	color:red;
}

.invoiceIcon
{
	color:green;
}

div#userStatus /* div in upper right corner of content frame, showing current login status and shopping cart button*/
{
	float:right;
	border-left:1px solid gray;
	border-bottom:1px solid gray;
	border-top:1px solid gray;
	border-right:1px solid gray;	
	padding:5px;
	background-color:#f9f9f9;
	margin-top:3px;
	font-weight:bold;
}

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;
	height:57px;
}

#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: 628px;
	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;
	border-left:1px solid black;
	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:176px;
	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 {
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	min-width: 75px;
	text-transform: uppercase;
	background-color: #528EC6;
}
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;
	}
	
.smallButton{
	background-color:white;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	text-align: center;
	text-transform: lowercase;
}
a.smallButton:link { 
	color:black;
	text-decoration: none;
	}
a.smallButton:visited {
color:black;
	text-decoration: none;
	}
a.smallButton:hover { 
	color: red;
	text-decoration: none;
	}
a.smallButton:active { 
	color: #ccc; 
	text-decoration: none;
	}

/* PayPal Styles*/
#viewCart
{
	display:inline;
	text-align:right;
	vertical-align:middle;
}

.odd
{
	background-color:white;
}
.even
{
	background-color:#EFEFEF;
}
/* 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;
}

.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, #individualFormTable , #userForm, #fileBrowser, #pageEdit, #invoiceForm, #invoiceMainScreen,
#invoiceSelect
{
	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;
}
td#preview
{
width:280px;
}
table#fileList
{
}

div#selected_box
{
	margin-left:0;
	padding-left:0;
}
#pageEdit
td
{
border:0;
}

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

span.small
{
	font-size:20pt;
}
label
{
	font-size:10pt;
}


table#memberFormTable
{
	width: 515px;
}

#memberFormTable
{

}
table#individualForm
{
	width: 515px;
}

table#userForm
{
	width: 425px;
}
span#user
{
	color:#FF0000;
}
table#invoiceForm
{
	width:95%;
	font-size:9pt;
}
td#mainLabel
{
	width:20%;
}
td#infoCol
{
	width:5%;
}
td#state
{
	width:10%;
}
td#zip
{
	width:35%;
}

/* Invoice Main Screen */
table#invoiceMainScreen
{
	width:45%;
}
td#options
{		
}
td#sen
{	
	vertical-align:top;
	font-size:10pt;
}

/* Select an Invoice to Edit Screen */
table#invoiceSelect
{

}

/* File Browser Styles */

#fileListBot
{
	height:200px;
	vertical-align:top;
}

table#fileBrowser
{
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}

#fileBrowser
td
{
	border:none;
	overflow:scroll;
}
#selected_box
{
	overflow-x:auto;
	
}
#preview
{
	width:200px;
}
#filename
{
	width:300px;
}
#desc
{
	width:200px;
}
#fileInfo
{
	text-align:left;
}

#fileList
{
	font-size:8pt;
	border: 1px solid black;
}

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

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

/* Jsval form errors */
input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}


/* 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;
}
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;
}
div#pageBreak
{
	page-break-after:always;
}
p#pageBreak
{
	 page-break-after:always;
}
table#mainScreenTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;	
	empty-cells:show;
	width:100%;
}

/* ------------- 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:fixed;
	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:fixed;
	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:fixed;
	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 #989898;		
	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;	
}

/* Member List */
table#memberListTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	empty-cells:show;
}
th#memName
{
	text-align:left;
}
th#memHeaderCells
{
	text-align:left;
}
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%;
}
td#mbtCells
{
	text-align:left;
	border:1pt solid black;
}

/* New Members */
table#newMembersTable
{
	table-layout:0;	
	border-collapse:collapse;
	table-layout:fixed;
	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 #989898;
}

/*  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 #989898;
	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;
}
td#itsmdMemCells
{
	border:1pt solid black;
	overflow:hidden;
}
/* Email Selector*/

#emailContainer
{
}
#nameList
{
	float: left;
	width: 30%;
	margin-left: 3%;
}
#emailCol2
{
	margin-top:15%;	
	float: left;
	width: 10%;
	margin-left: 3%;
}
#selectedNames
{
	float: left;
	width: 30%;
	margin-left: 3%;	
}
#emailCol4
{
	margin-top:18%;	
	float: left;
	width: 10%;
	margin-left: 3%;
}
.emailContent
{
	position:relative;
	z-index:1;
}
#addEmail
{
	margin-bottom:25%;
	width:90%;
	background-image: url(images/rightArrow.gif);
	background-position:right; 
	background-repeat: no-repeat;
	padding-right: 20px;
	background-color: #99CCFF;
}
#removeEmail
{
	width:90%;
	background-position:left; 
	background-repeat: no-repeat;
	background-color: #99CCFF;
}
#mailButton
{
	background-color: #99CCFF;
	width:auto%;
}