/*
 * File: nysdotmain.css
 * Author: Will Coleda, LTI
 * Copyright: 2003, NYS DOT
 * Last Updated: 
 * Purpose: provide a single style sheet usable for all NYS DOT applications
 *   to insure a standard look and feel.
 * Notes: Based on preliminary work done by Jeff Hilt.
 */

/* 
 * Tag modifications
 */

body, textarea, select, input {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

th, td, table, tr {
	margin: 0px;
	padding: 0px;
}

th {
	background-color: #C0C0C0;
	color: #000000; 
	text-align: center;
	font-size: small;
	padding-left: .5em;
	padding-right: .5em;
}

p { text-indent: 1em; }

/*
 * define the class .title here, as we want it to look
 * just like a header
 *
 * yes, all the smaller headers are the same size.
 * in theory, not good practice; in practice, a good theory.
 */
 
h1, h2, h3, h4, h5, h6, .heading {
		font-style: normal;
		font-weight: bold;
		color: #7E87BF;
		font-size: medium;	
}

h1 { font-size: large; }


/*
 * Heading classes (heading in the "head of the page" sense, not the
 * section heading sense.)
 *
 * Content designers don't need to worry about these tags --- They should
 * be used once in the code that generates the look and feel.
 */
    
.head_dot, .head_dot_smaller, .head_appname, .head_commissioner, .header {
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-family: Georgia, Helvetica, sans-serif;
	background-color: transparent;
}

.head_dot {
	font-size: large;
	padding-left: 10px;
}

.head_dot_smaller {
	font-size: small;
	padding-left: 1em;
}

.head_appname {
	font-size: small;
	padding-left: 10px;
}

.head_commissioner {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-size: xx-small;
}

/*
 * Navigation Classes: common features
 *
 * Content designers only need to use nav_action and nav_button
 */
 
.topnav_right, .topnav_left, .sidenav, .bottomnav_right, .bottomnav_left, .nav_action, .nav_button, .nav_button_var  {
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/*
 * Navigation Classes: Top
 */

.topnav_right, .topnav_left {
	background-color: #1F1D89;
	color: #FFFFFF;
	vertical-align: top;
}

.topnav_right {	text-align: right; }
.topnav_left { text-align: left; }

/*
 * Navigation Classes: Side
 */
 
.sidenav {
	background-color: #1F1D89;
	color: #FFFFFF;
	text-align: left;
}

.sidenav .nav_item {
/* margin-left: 20px */
	margin-left: 2px;
	/*text-indent: -10px;*/
}

/*
 *  Navigation Classes: Bottom
 */
   
.bottomnav_right, .bottomnav_left {
	background-color: #C0C0C0;
	color: #000000;
}

.bottomnav_right {
	text-align: right;
	padding-right: 0.25em;
}

.bottomnav_left {
	padding-left: 0.25em;
	text-align: left;
}

/*
 * Navigation Classes: Other
 */
 
.nav_selected {
	color: #FFFF00;
	font-weight: bold;
}

.nav_action { text-align: center; }
.nav_icon { font-size: larger; }


.nav_button, .nav_button_var {
	background-color: #7E87BF;
	color: #FFFFFF;
	border-color: #FFFFFF;
	border-style: outset;
	border-width: 5px;
	font-size: x-small;
	font-weight: bold;
	line-height: 100%;
	padding: 2px;
}

.nav_button {
  width:125px
}

/*
 * Navigation: Link behavior
 *
 * Navigational links should only have underline on mouseover,
 * and should have a consistent coloring scheme.
 */
 
th a, .bottomnav_left a, .bottomnav_right a, .sidenav a,
.topnav_left a, .topnav_right a, .nav_action a, .help a,
.calendar_date a, .nav_icon a, .wizard a {
	text-decoration: none;
}

th a:hover, .bottomnav_left a:hover, .bottomnav_right a:hover,
.sidenav a:hover, .nav_action a:hover, .calendar_date a:hover,
.topnav_left a:hover, .topnav_right a:hover, .help a:hover,
.calendar_date a:hover, .nav_icon a:hover, .wizard a:hover {
	text-decoration: underline;
}

.nav_action a, .bottomnav_left a, .bottomnav_right a, .calendar_date a, th a,
.nav_icon a, .wizard a {
	link: #000000;
	visited: #000000;
	color: #000000;
}

.sidenav a, .topnav_left a, .topnav_right a, .calendar_date_on a, th a{
	link: #FFFFFF;
	visited: #FFFFFF;
	color: #FFFFFF;
}

a.body_nav{
	text-decoration: underline;
	color: #0000FF;
    link: #0000FF;
	visited: #0000FF;
}
a:hover.body_nav{
	text-decoration: none;
	color: #0000FF;
    link: #0000FF;
	visited: #0000FF;
}

/* Other links that remain constant */

.help a {
	link: #000000;
	visited: #000000;
	color: #000000;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	link: #7E87BF;
	visited: #7E87BF;
	color: #7E87BF;
}

/*
 * Wizard header classes
 */
 
.wizard {
	background-color: #EEEEDD;
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
}

.wizard_on, .wizard_num_on  { font-weight: bold; }
.wizard_on, .wizard_off { margin: 0.5em; }

.wizard_num_on, .wizard_num_off {
	padding: 0 5px 0 5px;
}

.wizard_num_on {
	background-color: #7E87BF;
	color: #FFFFFF;
}

/*
 * Miscellaneous classes
 */

/*
 * Calendar Classes
 */   

.calendar_date {
	font: xx-small;
	text-align: right;
	vertical-align: top;
	height: 1.5em;
	width: 14%;
	border-style: solid;
	border-width: 1px;
}

.calendar_date_on {
	background-color: #7E87BF;
	color: #FFFFFF;
}

.calendar_other_month {
	background-color:#EEEEDD;
}

.calendar_item {
	font: xx-small;
	text-align:left;
	vertical-align: bottom;
}

.heading { text-align: center; }
.alternate_row { background-color: #EEEEDD; }

.border {
	border-color: #336699;
	border-width: 1px;
	border-style: solid; }
   
.background {
	position: absolute;
	z-index: -1;
}

.contents, .contents p {
	background-color: #FFFFFF;
	padding: 0.5em; 
	text-align: justify;
}

/* data entry */

.entry_label, .sub_entry_label, .entry_label_long, .data_entry, .data_entry_label {
	font-family: Arial, Helvetica, sans-serif;
}

.entry_label, .entry, .data, .entry_label_long {
	text-align: left;
	padding-top: 10px;
}

.entry_label, .entry_label_long {
	vertical-align: top;
}

.entry_label  {
	width: 125px;
}

.sub_entry_label  {
	font-size: x-small;
	/*font-style: italic;*/
	font-weight: bold;
}

.data_entry  {
	font-size: x-small;
}
.data_entry_label  {
	font-size: x-small;
	font-weight: bold;
}

.msg_content  {
	font-size: x-small;
}
.msg_content_bold  {
	font-size: x-small;
	font-weight: bold;
}
.small_message{
	font-size: xx-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.required {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; 
	font-weight: bold;
	padding-left: 0.15em;
	padding-right: 0.15em;
}	

.error_label {
	color: #FB2104;
	padding: 1em;
}

.error {
	font-weight: bold;
        font-size: 10pt;
        font-family: Arial, Helvetica, sans-serif;
		color: #FF0000;
}

/* Used on login screen, fatal error screen */
.tab_folder {
	background-color: #336699;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	padding-left: 1em;
	padding-right: 1em;
}