/* 
	defined colors:
	orange = #ffa520
	dark grey = #6b6f74
	??????? = #eee
*/

body {background-color: #6b6f74 }
body, tbody, .BodyText { font-family: verdana, arial; font-size: 12px; color: White; font-weight:normal; }
.body { background-image: url(images/bg_repeat1.gif); padding: 0; margin: 0; margin-top: 10px; }
input { font-family: verdana, arial; font-size: 12px; margin-right: 8px; }
select { font-family: verdana, arial; font-size: 12px; margin-right: 8px; }
label { vertical-align: baseline; }
table {  } /* Tables are not always grids. Instead use .grid */
td { padding:0px; margin:0px; border:0px; }

h1, .h1 { font-size: 18px; font-weight: bold; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; color:rgb(255,185,95); }
h2, .h2 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; color:rgb(255,185,95); }
h3, .h3 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 5px; }
h4, .h4 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 5px; }
h5, .h5 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 5px; }

li { padding: 0; margin: 0; vertical-align: top; margin-bottom:8px; margin-top:8px; }
ul { padding: 0; margin: 0; list-style-position:outside; padding-left:16px; }
blockquote { margin: 0; padding: 0; margin-left: 20px; margin-top: 5px; }
form { margin: 0; }
img { margin: 0; padding: 0; border: none 0px black; }
p { margin: 0; padding: 0; padding-bottom: 10px; padding-top: 5px; }

hr               { border:none; border-bottom: solid #bbbbbb 1px; margin: 0px; height:1px; padding-bottom: 0px; padding-top: 10px;  }
#pageDescription, .pageDescription {              border-bottom: solid #ffa520 3px; margin: 0px; margin-bottom: 10px; }
.pageTextEditable { border:solid 1px gray; cursor:pointer; min-height:5px; _height:5px; }
.pageTextEditable:hover { border:solid 1px white; }
.pageTextEditable a { text-decoration:none; }
.pageTextEditable a:hover { text-decoration:underline; }

#yellow { height: 324px; width: 100%; position: absolute; top: 0; left: 0; background-image: url(images/bg_repeat.gif); z-index: -1; background-position: top; background-repeat: repeat-x; }
#content { width: 980px; min-height: 400px; background-color: #6b6f74; margin-left: auto; margin-right:auto; border: solid white 7px; }
#header { height: 120px; background-color: white; clear: both; }

.topRight { float: right; }
.topRight table { border-collapse:collapse; }
.topRightContent { width:300px;  }
.topRightContent, .topRight .sidePanel { text-align:center; background-image: url(images/login_fill.png); }
.topRightContent .loginControl { margin-left:30px; }
.topRightContent .loginControl input { color: black; margin-bottom:3px; } /* margin shouldn't be needed but for some reason the line spacing appears different in the top right box */

.loginControl .button { margin-right:78px; } /* Allows extra space to line the login box up with the username and password boxes which have validators */
.loginControl td { white-space:nowrap; }
.loginControl.loginControlLeftAligned .checkBoxCell { padding-left: 155px;}

#dataStatus { font-size: 8pt; padding-bottom:5px;}
#dataStatus h5 { font-size: 8pt; font-weight:bold; }
#dataStatus ul { padding: 0; margin: 4px; }
#dataStatus li { list-style-type: none; margin: 0; padding: 0; padding-top:3px; }



/*#menu { background-color: #eee; text-align: right; vertical-align: middle; float: right; clear: both; width: 100%; padding-top: 4px; padding-bottom: 4px; height:18px; }*/
#menu { background-color: #eee; vertical-align: middle; clear: both; width: 100%; padding-top: 4px; padding-bottom: 4px; height:18px; }
#main { clear: both; min-height: 380px; _height:380px; padding-top: 10px; padding-bottom: 10px; padding-left: 16px; padding-right: 16px; }
.defaultaspx #main { background-image:url(images/bg_default.jpg); background-repeat:no-repeat; }
.publiclaunchaspx #main { background-image:url(images/menu_background.jpg); background-repeat:no-repeat; }
.mainWithContent { background-image:url(images/bg_content.jpg); background-repeat:no-repeat; }
#footer { clear: both; color: #6b6f74; background-color: #eee; top: auto; text-align: right; vertical-align: middle; clear: both; width: 100%; padding-top: 4px; padding-bottom: 4px; }
#logo { float: left; cursor: pointer; width: 225px; height: 104px; background-image: url(images/attentional_logo_white_on_gray.png); background-repeat: no-repeat; }
#footerMenu { float: left; font-size: 10px; }
#footerMenu a { padding-left: 4px; padding-right: 4px; text-decoration: none; color: #6b6f74; }
#footerMenu a:hover { text-decoration: underline; color: #ffa520; }
#generated { margin-right: 4px; font-size: 10px; }

a, a:visited, a:active, a:hover { color: White; }

#accountMenu { float:left; margin-left:90px; width:300px; display:inline; } /* should really be center aligned */
#accountMenu ul { display: inline-block; list-style: none; z-index: 99; margin: 2px;  }
#accountMenu ul li { border-right: solid #6b6f74 1px; margin:0px; padding-left: 8px; padding-right: 8px; position: relative; float: left; }
#accountMenu ul li a { text-decoration: none; color: gray; }
#accountMenu ul li a:hover { text-decoration: underline; color: Silver; }

.topLeftMenu { float:left; padding-left:0px; }
.topRightMenu { float:right; padding-top:0px; }
#menu ul { display: block; list-style: none; z-index: 99; margin: 2px; } /*float: right; */
#menu ul li { border-right: solid #6b6f74 1px; margin:0px; padding-left: 4px; padding-right: 4px; position: relative; float: left; }
#menu ul li a { text-decoration: none; color: black; }
#menu ul li a:hover, #menu ul li.feature a:hover  { text-decoration: underline; color: Silver; }
#menu .feature { font-weight:bold; }
#menu ul li.feature a { color:rgb(70,70,70); }

.defaultaspx, 
.defaultaspx h2,
.defaultaspx h3 { color:Gray; font-weight:normal; }
.defaultaspx h2 { font-size:18px; }
.defaultaspx h3 { font-size:14px; } 
.defaultaspx .textColumn { text-align:center; float:left; width:290px; margin-left:33px; }

.lastitem { border-right: none; }

.grid { margin-top: 20px; margin-bottom: 20px; border-collapse:collapse; text-align: center; }
.grid tr.alternatingRow { background-color: rgb(120,120,120); }
.grid td, 
.grid th { padding-left:5px; padding-right:8px; padding-top:2px; padding-bottom:3px; border-bottom:solid 1px gray; }
.grid thead td,
.grid thead th,
.grid .gridHeader td, 
.grid .gridHeader th { padding-top:6px; padding-bottom:6px; background-color: #eee; color: black; font-size:8pt; font-weight:bold; }
.grid tfoot td,
.grid tfoot th,
.grid .gridFooter td,
.grid .gridFooter th { padding-top:6px; padding-bottom:6px; border-top: solid white 2px; border-bottom:none; }
.grid.noFooter { border-bottom: solid white 2px; }
.grid .gridCheckbox { padding-top: 0; padding-bottom: 0; }


.button
{
	border:none; background: url(images/button.gif) no-repeat; background-position: left; padding-left: 12px; 
	overflow:visible; display: -moz-inline-box; display: inline-block; color:White; border-right:solid 1px silver;
	padding-top:1px; padding-bottom:2px; margin-top: 3px; margin-right:8px; 
	cursor:pointer;
}
input.button { padding-left:40px; padding-right:10px; height:22px; _height:24px; }
a.button { padding-top:3px; padding-bottom:3px; text-decoration: none; padding-left:43px; padding-right:13px; height:16px; } /* extra l&r padding makes a.button look the same as input.button */
.button:hover { text-decoration: none; color:#ffa520; text-decoration:none; }
#form .button { width: auto; } /* needed so that the login button still appears properly when in the #form */
.button.Back { background: url(images/back.gif) no-repeat; background-position: left; }
.button.Save { background: url(images/save.gif) no-repeat; background-position: left; }
.button.Small { background: url(images/button_small.gif) no-repeat; background-position: left; height:18px; _height:20px; }
a.button.Small { height:18px; padding-top:0px; padding-bottom:0px; }




#form { margin: 0; padding: 0; }
#form li { margin:0px; list-style-type: none; margin-bottom: 4px; }
#form li label { width: 155px; display: -moz-inline-box; display: inline-block; }




span.labelSpacer { width: 161px; display: -moz-inline-box; display: inline-block; }
span.labelAndHelpSpacer { width: 175px; display: -moz-inline-box; display: inline-block; }

#tabHeadings { margin: 0; padding: 0; border-bottom: solid black 2px; width: 100%; padding-top: 6px; padding-bottom: 4px; margin-bottom: 5px; }
#tabHeadings li { display: inline; margin-left: 2px; }
#tabHeadings li a { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; border: solid black 2px; border-bottom: none; text-decoration: none; }
#tabHeadings li a:hover { background-color: Silver } 
#tabHeadings li a.selected { background-color: #ffa520; }

#rd { margin: 0; padding: 0; }
#rd label { display: inline-block; width: 110px; }
#rd li { list-style-type: none; margin-bottom: 4px; }
#rd li label { width: 250px; display: inline-block; }
#rd li input { width: 190px; }
#rd li select { width: 200px; }
#rd li select#button { width: 100px; }

.errorbox { border: solid white 1px; background-color: #ffa520; color: Black; margin:0px; margin-top:10px; margin-bottom:10px; padding:10px; }
.vld { margin-left: 10px; color: #ffa520; }

#home { width: 640px; height: 380px; float: left; }
#menu_background { width: 640px; float: left; }
#menu_background a { position: relative; clear: both; float: left; }
#menu_background .button0 { left: 39px; top: 40px; width: 150px; height: 45px; }
#menu_background .button1 { left: 39px; top: 220px; width: 160px; height: 65px; }
#menu_background .button2 { left: 378px; top: -90px; width: 150px; height: 35px; }
#menu_background .button3 { left: 494px; top: -40px; width: 110px; height: 35px; }
#menu_background .button4 { left: 459px; top: 20px; width: 150px; height: 40px; }
#menu_background .button5 { left: 439px; top: 85px; width: 115px; height: 40px; }

#news { width: 300px; height: 380px; border: solid white 1px; float: left; margin: 0; overflow: auto; }
#news ul { margin: 4px 4px 0px 4px; padding-left: 0; padding-bottom: 8px; }
#news ul li { list-style-type: none; margin: 0; padding-bottom: 4px; padding-top: 4px; font-size: 11px; border-bottom: dotted 1px white; }
#news ul li ul { padding-left: 12px; }
#news ul li ul li { vertical-align: top; padding-top: 0; list-style-type: square; border-bottom: none; }
#news ul li small { font-style: italic; }

#existingReportList { padding-top: 8px; }
#existingReportList li { list-style-type: none; padding-bottom: 0px; }
#existingReportList li blockquote { padding-left: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 4px; }

/*
#pageTitle {height: 30px; margin-top: 10px; margin-left: 0px}
#glossaryTitle {height: 30px; margin-left: 10px; background-image:url(images/glossary.png); background-repeat:no-repeat; }
#termsTitle {height: 30px; background-image:url(images/terms.png); background-repeat:no-repeat; }

#glossaryList { }
#glossaryList lu { margin: 0px 0px 0px 0px; padding-left: 0px}
#glossaryList li { list-style-type: none; margin: 0px 5px 0px 5px; padding: 5px 10px 10px 10px; border-bottom: dotted 1px white;}

#termsList { }
#termsList lu { margin: 0px 0px 0px 0px; padding-left: 0px}
#termsList li { list-style-type: none; margin: 0px 5px 0px 5px; padding: 5px 10px 10px 10px; border-bottom: dotted 1px white;}
*/

#glossary {}
#glossary li {}
#glossary li h2 {}
#glossary li h3 {}

#versionhistory {}
#versionhistory li { list-style-type: none; }

.sectionExpanded span { cursor: pointer; padding-right: 8px; }
.sectionExpanded table { display: table; }
.sectionExpanded dfn { display: block; }
.sectionContracted span { cursor: pointer; padding-right: 4px; }
.sectionContracted table { display: none; }
.sectionContracted dfn { display: none; }

.helpText { cursor: help; padding-left: -10px; padding-right: 4px; }
.helpTextWindow { position: absolute; border: solid #ffa520 2px; padding: 3px; font-size: 80%; background-color: white; color: black; text-align: left; margin: 4px; }
.helpTextWindow a, .helpTextWindow a:hover { color:black; }
.helpTextWindow span span p { padding: 2px; }

.DatePicker { padding-left: -10px; cursor:pointer; }
.DatePicker_Window { position: absolute; border: solid black 2px; width:185px; padding: 2px; background-color: white; text-align: left; cursor: pointer; color: Black; }
.DatePicker_Heading { border-bottom: solid silver 1px; text-align: center; color: #ffa520; height: 24px; vertical-align: middle; padding-top: 5px; }
.DatePicker_Left { float: left; cursor: pointer; font-size: 12px; clear: none; padding: 4px 14px 4px 4px; margin-top: -4px; /* border: solid silver 1px; */ }
.DatePicker_Right { float: right; cursor: pointer; font-size: 12px; clear: none; padding: 4px 4px 4px 14px; margin-top: -4px; /* border: solid silver 1px; */ }
.DatePicker_Days { border: none; text-align: center; vertical-align: middle; table-layout: fixed; color: Silver; font-size: 10px; }
.DatePicker_Days tbody { color: Black; font-size: 10px; }
td.DatePicker_Used { border: solid silver 1px; padding: 3px; }
td.DatePicker_Unused { cursor: default; }
td.DatePicker_Selected { background-color: silver; border: solid silver 1px; padding: 3px; color: Black; cursor: pointer; font-weight: bold; }



#form  input.TimeEntryTextBox, 
#form  input.DateEntryTextBox, 
#form  input.TextBoxNarrow    { width:90px; }
#form select.TextBoxNarrow    { width:85px; }
#form  input.TextBox,
.loginControl .TextBox        { width:155px; }
#form select,
#form select.TextBox          { width:160px; }
#form  input.TextBoxWide      { width:295px; }
#form select.TextBoxWide      { width:300px; }
#form  input.TextBoxSuperWide { width:445px; }
#form select.TextBoxSuperWide { width:450px; }

#form li .CheckBox { width:20px; }

.HeadingPostfix { margin-left:10px; font-size:12px; color:Silver; font-weight:normal; }