/* redefinded html elements */

body{
	color:#333333;
	text-align:center;
}

td{
	font-size:8pt;
	font-family:Verdana;
}

h1{
	padding:10px 0px;
	font-size:130%;
	font-weight:bold;
}

input{
	margin-top:2px;
	margin-bottom:2px;
}

h2{
	font-size:120%;
	font-weight:bold;
}

h3{
	font-size:110%;
	font-weight:bold;
}

h4{
	font-size:105%;
	font-weight:bold;
}

hr{
	height:1px;
	width:100%;
	color:#B8764C;
	text-align:left;
	border-top:1px solid #B8764C;
}

ul{
	margin:0px 0px 0px 20px;
	padding-left:10px;
}

a {
	font-weight: normal !important;
}

a:link, a:visited{
	text-decoration:underline;
	color:#B8764C;
}
a:hover{
	text-decoration:none;
}

a:visited:hover {
	text-decoration:none;
}

a.hier {
text-decoration:none;	
}

.fakelink {
	/* should be the same as a:link, used for legends and in the help */
	text-decoration:underline;
	color:#B8764C;
}

textarea{
	border:1px solid black;
	width:350px;
	font-size:8pt;
	font-family:Verdana;
	height:80px;
	scrolling:auto;
	padding:3px 5px;
}
.textarea_short {
	width:150px;
}
.textarea_diddy {
	width:50px;
}

select{
	border-width:1px;
	border-style:solid;
	border-color:black;
	width:200px;
	font-size:8pt;
	font-family:Verdana;
	padding:0px 0px 0px 5px;
}

label{
	padding:0px 10px 0px 0px;
	font-size:8pt;
}

/* classes */

/* --- form field styles --- */
.mandatory{
	color:red;
}

.standard {font-family: verdana, arial, helvetica; font-size: 10pt; font-weight: normal; text-decoration: none; color: #333333; line-height: 120%;}

.form_text_short{
	border:1px solid black;
	font-size:8pt;
	font-family:Verdana;
	padding:3px 5px;
	width:150px;
}

.form_text_diddy{
	border:1px solid black;
	font-size:8pt;
	font-family:Verdana;
	padding:3px 5px;
	width:50px;
}

.form_text_long{
	border:1px solid black;
	font-size:8pt;
	font-family:Verdana;
	padding:3px 5px;
	width:350px;
}

select.form_select_long
{
	width:350px;
}
select.form_select_short
{
	width:150px;
}
select.form_select_diddy
{
	width:50px;
}

.form_button{
	font-weight:bold;
	font-size:8pt;
	color:white;
	padding:1px 2px;
	background-color:#E87511;
	margin: 0px 10px 0px 0px;
	cursor: pointer;
}

.form_checkbox{
	background-color:#F5D7B4;
	border:1px solid #E0861E;
	margin:0px 10px 0px 0px;
}

/* ---        ---          ---*/

.query_filters{
	width:100%;
	position:relative;
	padding:10px 0px 20px 0px;
	border-style:solid;
	border-width:0px;
	border-color:black;
	background-color:#FEF8F1;
}

.filter{
	float:left;
	margin:0px 20px 0px 10px;
}

.form_table{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	padding:0px;
	margin:0px;
}

.data_table_header{
	margin-left: auto;
	margin-right: auto;
	width:100%;
	border-style:solid;
	border-width:0px;
	border-color:black;
	background-color:#FEF8F1;
}
.data_table{
	margin-left: auto;
	margin-right: auto;
	width:100%;
	border-style:solid;
	border-width:0px;
	border-color:black;
	background-color:#FEF8F1;
}

.shaded_header{
/* 	width:100%; */
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#B8764C;
	background-color:#FDF8F2;
	padding: 6px;
}

.cell_200{
	width:200px;
}
.cell_100{
	width:100px;
}

.row_header{
	background-color:white;
	color:#B8764C;
	font-size:8pt;
	font-weight:bold;
}

.row_data1{
	color:#333333;
	background-color:#E0E0E0;
	vertical-align:top;
	padding-top:2px;
	padding-bottom:2px;
	line-height:20px;
}

.row_data2{
	color:#333333;
	background-color:#ECECEC;
	vertical-align:top;
	padding-top:2px;
	padding-bottom:2px;
	line-height:20px;
}

.button_link, .button_link:visited, .button_link:link{
	position:relative;
	font-family: Trebuchet MS, verdana;
	color:white;
	background-color:#E87511;
	border-style:solid;
	border-color:white;
	border-width:1px;
	padding:4px 10px;
	text-decoration:none;
	height:26px;
}

.button_link:hover{
	background-color:#F0A25F;
	color:white;
}



/* --- top level menu items --- */
a.menu1off, a.menu1off:link{ /* top level menu unselected */
	font-family: Trebuchet MS, verdana;
	font-size: 100%;
	color:white ! important;
	text-align:left;
	position:relative;
	float:left;
	background-color:#E87511;
	border-width: 1px 1px 0px 0px;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style:solid;
	padding:5px 20px 5px 10px;
	margin:0px;
	text-decoration: none !important;
	text-transform:uppercase;
	font-weight:bold;
}
.menu1off:hover{
	background-color:#F0A25F;
	color:white;
	text-decoration:none !important;
}

a.menu1on, a.menu1on:active{ /* top level menu selected */
	font-family: Trebuchet MS, verdana;
	font-size: 100%;
	color:white ! important;
	text-align:center;
	position:relative;
	float:left;
	background-color:#F0A25F;
	border-width: 1px 1px 0px 0px;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style:solid;
	padding:5px 20px 5px 10px;
	margin:0px;
	text-decoration: none !important;
	text-transform:uppercase;
	font-weight:bold;
}

/* --- 2nd level menu items --- */
.menu2off, .menu2off:link{ /* 2nd level menu unselected */
	font-family: Trebuchet MS, verdana;
	font-size: 100%;
	color:white ! important;
	float:left;
	text-align:center;
	background-color:#E87511;
	border-width: 0px 1px 0px 0px;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style:solid;
	padding:5px 20px 5px 10px;
	margin:0px;
	text-decoration:none !important;
	text-transform:uppercase;
	font-weight:bold;
}
.menu2off:hover{
	background-color:#F0A25F;
	color:white;
	text-decoration:none !important;
	text-transform:uppercase;
	font-weight:bold;
}

.menu2on{ /* 2nd level menu selected */
	font-family: Trebuchet MS, verdana;
	position:relative;
	float:left;
	color:white ! important;
	background-color:#F0A25F;
	border-width: 0px 1px 0px 0px;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-style:solid;
	padding:5px 20px 5px 10px;
	margin:0px;
	text-decoration:none !important;
	text-transform:uppercase;
	font-weight:bold;
}

.padding10{
	padding:10px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
.popuppadding10{
	/* must not set a right or left padding, or bits of the page appear */
	/* off to the right of the screen, and we have left-right scrollbars */
	/* left and right padding needs to be specified in a child div */
	padding:10px 0px 10px 0px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
.popup-main {
	/* specify left and right paddings for popups here, as that doesn't */
	/* break the browser's idea of how wide the page is */
	padding:10px;
	text-align:left;
	background-color:#FCE9D8;
}


.report_filters{
	width:100%;
	position:relative;
	padding:10px 0px 20px 0px;
	border-style:solid;
	border-width:1px;
	border-color:#B8764C;
	background-color:#FDF8F2;
}

.report_link, .report_link:visited, .report_link:link{
	position:relative;
	font-family: Trebuchet MS, verdana;
	color:black;
	background-color:#FDF8F2;
	border-style:solid;
	border-color:#E0861E;
	border-width:1px;
	padding:4px 10px;
	text-decoration:none;
	height:26px;
	text-align:center;
}

.report_link:hover{
	background-color:#E0861E;
	color:white;
}


/* specific divs */

#page_title{
	position:relative;
	width:726px;
	font-family: Trebuchet MS, Verdana;
	font-weight:bold;
	font-size:150%;
	padding:6px 0px 6px 25px;
	margin-top:1px;
	margin-bottom:1px;
	text-transform:uppercase;
	background-image: url(/view/images/page_title_box.gif);
	background-repeat:no-repeat;
	background-position:5px 11px;
	color:#E87511;
	background-color:#FCE9D8;
}

#white_band{
	/*
	position:absolute;
	width:100%;
	height:92px;
	background-color:#FFFFFF;
	border-width:0px;
	z-index:1;	
	*/
	display:none;
	padding:0px;
	margin:0px;
	height:0px;
	
}

#brown_band{
	position:absolute;
	width:100%;
	height:10px;
	background-color:#B8764C;
	border:1px solid black;
	z-index:1;	
}

#container{ /* aligns all of the main content centrally */
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:760px;
	padding:0px;
	background-color:white;
}

#central_group{	/* this is only used for the colour band */
	text-align:center;
	position:relative;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}


#inner_group{ /* puts the central content in a white bg box, so that it overlaps central_group */
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	padding:0px;
	margin:0px;
	width:750px;
}

#top_stuff{
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-image:url('/view/images/idcs_logo.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

#top_stuff_container{ /* puts the central content in a white bg box, so that it overlaps central_group */
	text-align:left;
	background-color:white;
	padding:0px;
	width:100%;
}

/* --- top level menu --- */
#menu_stuff{ /* div containing main menu */
	width:601px;
	height:28px;
	clear:both;
	background-color:#F0A25F;
	background-image:url('/view/images/idcsmis_logo.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding:45px 0px 0px 0px;
}
.#menu{ /* div containing main menu */
	height:28px;
}

/* --- 2nd level menu --- */
#sub_menu_stuff{  /* div containing sub main */
	width:601px;
	height:28px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:white;
	background-color:#F0A25F;
	padding:0px;
	clear:both;
}
#sub_menu{  /* div containing sub menu */
	position:relative;
	width:470px;
	float:left;
	height:28px;
	vertical-align:bottom;
}

/* --- main content --- */
#main_content{  /* div containing proper content */
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:100%;
}

#help{
	text-decoration:none;
	text-align:right;
}

#bordered_contents{
	/*border:1px solid black;*/
	padding:10px;
	background-color:#FEF8F1;
}

#idcs_logo{

}

#footer{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#footer_left{
	float:left;
	background-image:url('/view/images/small_idcs_logo.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:64px;
	width:64px;
}

#footer_right{
	float:right;
}

/* POPUP */

#popup_header{
	text-align:left;
	position:relative;
	width:100%;
	height:45px;
	background-color:#E87511;
}

#header_box{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:5px;
	left:5px;
	height:22px;
	width:22px;
	background-image:url(/view/images/popup_page_title_box.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	z-index:50;
}

#header_image{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	float:right;
	width:584px;
	height:45px;
	background-image:url(/view/images/popup_idcsmis_logo.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#popup_colourbar{
	line-height:1px;
	font-size:1px;
	padding:0px;
	margin:0px;
	position:relative;
	width:100%;
	height:5px;
	background-color:#F0A25F;
}

#popup_footer{
	text-align:right;
	position:relative;
	float:right;
	width:100%;
	height:45px;
	background-color:#E87511;
	padding:10px 0px 0px 0px;
}






/* --- main content --- */
#main_content{  /* div containing proper content */
	position:relative;
	margin:0px;
	padding:0px;
	width:750px;
	border-width:1px;
	border-style:solid;
	border-color:#B8764C;
}

#help{
	text-decoration:none;
	text-align:right;
}

.head3_white {font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10pt; color: #ffffff; font-weight: bold;}

.footer, a.footer, a.footer:visited, a.footer:active, a.footer:visited:hover {font-family: verdana, arial, helvetica; font-size: 7pt; font-weight: normal; text-decoration: none; color: #666666;}
.footer:hover {font-family: verdana, arial, helvetica; font-weight: normal; text-decoration: underline; color: #E87511;}

.header, a.header, a.header:visited, a.header:active {font-family: verdana, arial, helvetica; font-size: 7pt; font-weight: normal; text-decoration: none; color: #FFFFFF;}
a.header:hover, a.header:visited:hover {font-family: verdana, arial, helvetica; font-size: 7pt; font-weight: normal; text-decoration: underline; color: #FFFFFF;}

.blue {
	font-family: verdana, arial, helvetica;
	/*font-size: 75%;*/
 	font-weight: normal;
	text-decoration: none;
	color: #293f6f;
}