/* VRVWEB stylesheet */
/* look in vrv_dse.css for DSE styles */
/* look in vrv_headers.css for styles for menu, headers and logout links */
/* look in vrv_tasks.css for To Do list and news styles */
/* look in vrv_config.css for styles for configuration screens*/
body {
    color: #000000;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    font-family:  "Arial Unicode MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-align: center;
    margin: 0px;
}
/* As of v.6 tables in IE do not inherit font-size and style */
/* As of v.6 tables in IE do inherit font-family but we will define it anyway */
table {
    margin-top: 10px;
    margin-bottom: 0px; 
    margin-left: 3px; 
    margin-right: 1px; 
    font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    font-size: 12pt;
    text-align: center;
}
form {
    font-family:  "Arial Unicode MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    margin: 0px;
}
a {  
    cursor: pointer;
    text-decoration: none;
    color: #0000FF; 
}
a:visited{
    cursor: pointer;
    text-decoration: none;
    color: #0000FF; 
}
a:active{
    cursor: pointer;
    text-decoration: none;
    color: #0000FF; 
}
a:hover{
    cursor: pointer;
    text-decoration: none;
    color: #0000FF; 
}
h2 {
    text-align: center;
    font-weight: 900; 
    color: #663399; 
    font-size: 18pt; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    margin-bottom: 2px; 
    margin-top: 2px;
    background-color: #FFFFFF;
}
h3 {
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 14pt; 
    font-weight: bold; 
    background-color: #FFFFFF;
    color: #663399; 
    text-decoration: underline;
    margin-left: 4px;
    margin-bottom: 10px; 
    margin-top: 10px;
}
table.main {
    width: 99%;
    border: 0;
}
table.main p{
    margin-left: 2px;
    margin-bottom: 2px; 
    margin-top: 2px;
    margin-right: 2px;
}
/* STYLES FOR MAIN CONTENT OUTSIDE DSE*/

/* TABLE_PLACEHOLDER 3pxs on left + 747 width = 750 total */
/*
table.main tr.header {
    text-align: center;
    font-weight: 900; 
    color: #663399; 
    font-size: 18pt; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}
table.main tr {
    color: #000000; 
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}
table.main tr.comments {
    text-align: left;
}
table.main a {
    align: center;
}
/* FOLLOWING WILL BE APPLICABLE TO ALL TABLES 
 * BE CAREFUL WHEN MODIFYING !!!*/
tr.header {
    font-size: 18pt; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
tr.comments {
    font-size: 12pt; 
    text-align: left;
    color: #000000; 
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    margin-left: 10px;/* I suspect it doesn't work for tr tag*/
}
td.footer {
    font-size: 10pt;
    text-align: left;
    color: #000000; 
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    padding-left: 15px;
}
td.comments {
    text-align: left;
}
td.vrvLabel {
    vertical-align: top;
    text-align: right;
    width: 38.20%;
    text-decoration: none;
    padding: 2px;
}
td.vrvInput {
    vertical-align: top;
    text-align: left;
    width: 61.80%;
    text-decoration: none;
    padding: 2px;
}
td.vrvConfirm {
    vertical-align: top;
    text-align: left;
    width: 61.80%;
    text-decoration: none;
    padding: 2px;
}
th {
    background-color: #CCCCCC;
    color: #000000;
}
/* do not uncomment following - you will pay for this
td.input input {
    width: 40ex;
    COLOR: #ff0000;
}
*/
/* TABLE for SEARCHES not generated by DSE */
/* TBD: move to config*/
/* will by inside main table: margins on both sides (6pxs)
 + possible border (4pxs) + 737 width = 747 total */
table.search {
    width: 100%;
    margin-bottom: 0px; 
    margin-top: 0px;
    background-color: #cccc99; 
    border: outset 0px;
    border-collapse: collapse;
}
table.search tr {
    text-align: center;
}
table.search td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
table.search a {
    text-align: center;
}
/* TABLE for DETAILS PAGES such as Search detail not generated by DSE */
.details {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px; 
    margin-left: 0px; 
    margin-right: 0px; 
    text-align: left;
    border: 0;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
.details table {
    margin: 3px; 
}
.details fieldset{
    margin: 3px; 
}
.details legend {
    font-weight: bold;
}
.details td {
    margin: 2px;
    padding: 0px;
    text-align: left;
    font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
    font-size: 12pt; 
    color: #000000;
}
/* fieldset to group inside Required to complete page*/
.req_grouping {
    border: 2px solid #CCCCCC; 
    margin-bottom: 3px; 
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FFFFFF;
}
.req_grouping legend {
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 0px; 
    margin-top: 0px;
    background-color: #FFFFFF;
}
.req_details {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px; 
    margin-left: 0px; 
    margin-right: 0px; 
    text-align: left;
    border: 0;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
/* Style for rows displaying details */
.req_details td {
    border: 0;
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt; 
}
.req_details a {
    color: #0000FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt; 
}
.req_details a.visited {
    color: #0000FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt; 
}
/* TABLE for LIST PAGES such as hitlist or other lists */
/* will by inside main table or options table */
/* ALSO used fo TO_DO list as of 02/02/2005 */
/* !!!! Has a border !!!!!*/
table.list {
    width: 100%;
    border: outset 1pt;
    margin-bottom: 0px; 
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.list tr.header {
    background-color: #CCCCCC;
    color: #000000;
}
table.list tr.footer {
    background-color: #CCCCCC;
    color: #000000;
    margin-left: 10px;
}
table.list tr {
    text-align: left;
}
table.list td {
    text-align: left;
    font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
    font-size: 8pt; 
    color: #663399;
}
table.list a {
    color: #0000FF;
}
table.list a:visited {
    color: #0000FF;
}
/* active and hover should be defined always after :link and :visited */
table.list a:active {
    color: #663399;
}

/* TABLE to decorate choices for the USER */

table.options {
    border: outset 2pt;
    margin-bottom: 0px; 
    margin-top: 0px;
    border-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
}
table.options tr.header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 12pt; 
    font-weight: bold; 
    background-color: #FFFFCC;
    color: #000000;
}
table.options td {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 12pt; 
    background-color: #FFFFFF;
    color: #000000;
    vertical-align: top;
	padding-bottom: 10px;
}

/* TABLE to display messages to the USER */

table.message {
    border: outset 2px;
    margin-bottom: 20px; 
    margin-top: 10px;
    border-spacing: 2px;
    border-color: #000099;
    font-weight: bold; 
}

/* Style for bottom row to hold buttons */
.b_row div{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    margin: 4px;
    width: 100%;
}
/* BUTTONS STYLES */
.reg_b {
    width: 90px;
    font-weight: bold; 
    COLOR: #000000;
}
.wide_b {
    width: 150px;
    font-weight: bold; 
    COLOR: #000000;
}
.extra_wide_b {
    width: 250px;
    font-weight: bold; 
    COLOR: #000000;
}
.odd_row {
    background-color: #FFFFFF;
}
.even_row {
    background-color: #EEEEEE;
}
.fullwidth {
    width: 100%;
}

.announcements {
	clear: both;
	background-color: yellow;
	text-align: left;
}

.announcement_row {
	padding: 0.1em;
	padding-left: 1em;
}

.announcement_url {
	padding-left: 1em;
}

.space_row {
  clear: both;
  text-align: left;
  padding: 0.5em;
  padding-left: 1em;
}

.welcomeButton {
    width: 115px;
    padding: 1em;
    color: #0000FF;
    background: #CCCCCC;
    text-align: center;
    text-decoration: none;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 1em;
}

.welcomeButton:hover {
	color: #00008B;
	background: #B7B7B7;
	text-decoration: underline;
}

#loginButton {
	float: left;
}

#aboutButton {
	float: right;
}

#welcomeContainerOuter {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}

#welcomeContainerInner {
	margin-left: -200px;
	position: absolute;
	top: -100px;
	left: 50%;
	width: 400px;
	height: 200px;
}

.togglePrintLimits {
	font-size: 2em;
}