/* set some general settigns for the entire page   */
/* you can add code to change the scroll bars too  */
/* I have provided some but commented them out as  */
/* I didn't feel like picking some colors for them */
body {   
	/*
	background-color:  	#d6d6d6;
	background-color:  	#8b8f9e;
	background-color:  	#dbe8e8;
	background-color:  	#C8DBDB;
	*/
	background-color:  	#9DA5A5;
	font-family:		arial, helvetica;
	font-size: 		14px;
	color: 			#000000;
	overflow:		scroll;
	overflow:		-moz-scrollbars-vertical;
	/* scrollbar-base-color: #E0E0E0; */
	/* scrollbar-arrow-color: #FF0000; */
}

input, textarea, select {
	font-size:		14px;
	font-weight:		bold;
	border-left:		1px solid black;
	border-top:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		3px double #0000ff;
	background-color:	#ffffff;
}
.regular_button{
	background-color:	#ededed;
}

A { 
	color: 			#0000ff; 
     	text-decoration: 	none; 
}

A:visited { 
	color: 			#0000ff; 
	text-decoration: 	none; 
}

a:hover {
	color:			#ffffff;
	background-color:	#0000ff; 
	text-decoration: 	none; 
}

A:active { 
	color: 			#000000;
	text-decoration: 	none; 
}

SELECT{
	border-style:	inset; 
	border-width: 	thin; 
	border-color:	#000000; 
	font-family:	arial, helvetica;
	font-size:	12px;
	font-weight:	bold;
}

/* give the logo some padding so it is on the same line as the tables */
.logo_image {
	margin-top:	5px;
}

/* top bar start */
.toptab_spacer_left {
	border-bottom:	1px solid black;
}
.toptab_spacer_right {
	border-bottom:	1px solid black;
	background-color: #000000;
}
.toptab_spacer{
	background-color:	#000000;
	border-bottom:		1px solid black;
	font-size:		2px;
}

.toptab_selected {
	background-color:	#0000ff;
	border-left:		1px solid black;
	border-right:		1px solid black;
	font-size:		12px;
	font-weight: 		bold;
	padding-left:		1px;
	padding-right:		1px;
}

.toptab {
	background-color:	#ffffff;
	border-right:		1px solid black;
	border-left:		1px solid black;
	border-bottom:		1px solid black;
	font-weight: 		bold;
	font-size:		12px;
	padding-left:		1px;
	padding-right:		1px;
	cursor: 		pointer;
}
.toptab a {
	color:			#000000;
	text-decoration:	none;
	cursor: 		pointer;
}
.toptab a:visited {
	color:			#000000;
}

.toptab_selected a {
	color:			#ffffff;
}
.toptab_selected a:visited {
	color:			#ffffff;
}

.toptab_hover {
	border-right:		1px solid black;
	border-left:		1px solid black;
	border-bottom:		1px solid black;
	font-weight: 		bold;
	font-size:		12px;
	padding-left:		1px;
	padding-right:		1px;
	cursor: 		pointer;
	color:			#000000;
	background-color: 	#d9d9ff;
}

.toptab_hover a {
	color:			#000000;
}

.toptab_hover a:hover {
        color:			#000000;
	text-decoration:	none;
	background-color:	transparent;
	cursor: 		pointer;
}



.toptab_highlight_hover {
	border-right:		1px solid black;
	border-left:		1px solid black;
	border-bottom:		1px solid black;
	font-weight: 		bold;
	font-size:		12px;
	padding-left:		1px;
	padding-right:		1px;
	cursor: 		pointer;
	background-color:	#f49f00;
}
.toptab_highlight_hover a:hover {
	text-decoration:	none;
	background-color:	transparent;
	cursor: 		pointer;
}

.toptab_highlight {
	background-color:	#0000ff;
	border-right:		1px solid black;
	border-left:		1px solid black;
	border-bottom:		1px solid black;
	font-weight: 		bold;
	font-size:		12px;
	color:			#000000;
	cursor: 		pointer;
	padding-left:		1px;
	padding-right:		1px;
}
.toptab_highlight a {
	color:			#000000;
	text-decoration:	none;
	background-color:	transparent;
	cursor: 		pointer;
}
.toptab_highlight a:hover {
	background-color:	transparent;
}


.toptab_highlight_selected {
	background-color:	#ffc86b;
	border-left:		1px solid black;
	border-right:		1px solid black;
	font-size:		12px;
	font-weight: 		bold;
	padding-left:		1px;
	padding-right:		1px;
}

.toptab_highlight_selected_hover {
	border-right:		1px solid black;
	border-left:		1px solid black;
	font-weight: 		bold;
	font-size:		12px;
	padding-left:		1px;
	padding-right:		1px;
	cursor: 		pointer;
	/*background-color:	#f49f00;*/
}
.toptab_highlight_selected_hover a:hover {
	text-decoration:	none;
	background-color:	transparent;
	cursor: 		pointer;
}



.toptab_end {
	background-color:	#ffffff;
	border-bottom:		1px solid black;
	border-right:		1px solid black;
	border-left:		1px solid black;
	font-weight: 		bold;
	padding-left:		1px;
	padding-right:		1px;
	cursor: 		pointer;
}
.toptab_end a{
	font-size:		12px;
	color:			#000000;
	text-decoration:	none;
	cursor: 		pointer;
}
/* top bar end */

/*sub bar start */
.subtab_left {
	background-color:	#EFF5F5;
	padding-right:		5px; 
	padding-left:		5px;
	border-bottom:		1px solid black;
	border-right:		1px solid black;
	font-weight: 		bold;
	font-size: 		11px;
}
.subtab_middle {
	background-color:	#EFF5F5;
	padding-right:		5px; 
	padding-left:		5px;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	font-weight: 		bold;
	font-size: 		11px;
}
.subtab_right {
	background-color:	#EFF5F5;
	padding-right:		5px; 
	padding-left:		5px;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	font-weight: 		bold;
	font-size: 			11px;
}
.page_top_right {
	background-color:	#F9F9F9;
	border-right:		1px solid black;
	font-size:		2px;
}
.page_top_left {
	background-color:	#F9F9F9;
	border-left:		1px solid black;
	font-size:		2px;
}
/*sub bar end */

.content_container {
	/* background-color:	#F9F9F9; */
	background-color: #FFF9F2;
	/*border-right:		1px solid black;
	border-left:		1px solid black;
	*/
	border-bottom:		1px solid black;
	padding:		15px;
}

.notabs_content_container {
	background-color:	#F9F9F9;
	border-right:		1px solid black;
	border-left:		1px solid black;
	border-bottom:		1px solid black;
	border-top:		1px solid black;
	padding:		15px;
}

/* header title for top button clicked */
.header_title {
	font-size:		16px;
	font-weight:		bold;
	text-decoration:	underline;
	padding-bottom:		5px;
}
.header_actions {
	font-size:		12px;
	font-weight:		bold;
	background-color:	#EFF5F5;
	padding-top:		4px;
	padding-left:		4px;
	padding-right:		4px;
	padding-bottom:		4px;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
}

.header_actions a {
	color:			#000000;
	text-decoration:	none;
}

.header_actions a:hover {
	background-color:	#c8dbdb;
	text-decoration: 	none; 
}

/* instructions for the top button clicked */
.header_instructions {
	background-color:	#ffffff;
	border:			1px solid #c0c0c0;
	padding:		5px; 
	margin-bottom:		5px;
}

/* content text styling */
.content_text {
	background-color:	white;
	border:			1px dotted grey;
	padding:		5px;
}

/* footer bar */
.footer {
	background-color:	#dbe8e8; 
	padding:		5px;
	color:			#000000;
	font-size: 		11px;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	
}

/* override the href links in the footer bar so we can see them */
.footer a {
	color:			#000000;
	text-decoration:	none;
}

.clock_box {
	color:			#000000;
	/*background-color:	#333333;*/
	/*
	background-color:	#dbe8e8;
	*/
	background-color:	#f1f5f5;
	font-size:		12px;
	font-weight:		bold;
	/*
	border-top:		1px ridge #0000ff;
	*/
	border-top:		1px solid #000000;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	border-bottom:		1px solid #000000;
	padding-top:		6px;
	padding-left:		6px;
	padding-right:		6px;
	padding-bottom:		6px;
}

.row0, .r0{
	color:			#000000;
	background-color:	#ffffff;
}
.row1, .r1{
	color:			#000000;
	background-color:	#ededed;
}
.login_status{
	font-size:		12px;
	color:			#000000;
	text-decoration:	none;
	
}
.wrapper_table{
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
}

.color_bars {
	border-left:		1px solid black;
	border-right:		1px solid black;
}
.color_bars_top {
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
}
.body_table{
	background-color:	#ffffff;
	padding-top:		10px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		10px;
}
.top_banner{
	background-color:	#000000;
	/*background:		/images/banner.gif;*/
	padding-top:		3px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		3px;
	vertical-align:		top;
}
.top_lower_banner{
	background-color:	#006598;
	border-bottom:		1px solid black;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		5px;
}
.bottom_banner{
	/*background-color:	#7fc5f2;
	border-top:		1px solid black;
	*/
	padding-top:		3px;
	padding-bottom:		3px;
	padding-left:		10px;
	padding-right:		10px;
	vertical-align:		bottom;
	font-size:		10px;
	color: white;
	background-color:		#000000;
}
.bottom_banner a {
	color:			#FFFFFF;
	text-decoration:	none;
}
.bottom_banner A:hover {
        color: #ffffff;
        text-decoration: none;
}
.dlist_header {
/*
	background-color:	#c8dbdb;
	*/
	background-color:	#dbe8e8;
}
.dlist_column_label {
	font-size:		14px;
	font-weight:		bold;
}
.dlist_side_label {
	font-size:		14px;
	font-weight:		bold;
}
.dlist_value {
	font-size:		14px;
}
.dlist_action {
	font-size:		12px;
	padding-left:		4px;
	padding-right:		4px;
}
.dlist_action a{
	font-weight:		bold;
}

.dlist {
	border-top:		1px dotted #dbdbdb;
	border-left:		1px dotted #dbdbdb;
	border-right:		1px dotted #dbdbdb;
	border-bottom:		1px dotted #dbdbdb;
	font-size:		16px;
}
.tabbar_top {
/* F F BB 39 */
/* f8d 50e */
	background-color:	#0000ff;
	border-top:		1px solid black;
	border-right:		1px solid black;
	border-left:		1px solid black;
	font-size:		2px;
}
.tabbar_top_left {
	background-color:	#0000ff;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	font-size:		2px;
}
.tabbar_top_spacer {
/* F F BB 39 */
/* f8d 50e */
	background-color:	#000000;
	font-size:		2px;
}
.add_item {
	border-top:		1px dotted #dbdbdb;
	border-left:		1px dotted #dbdbdb;
	border-right:		1px dotted #dbdbdb;
	border-bottom:		1px dotted #dbdbdb;
	font-size:		16px;
}
.add_item_label {
	font-size:		14px;
	font-weight:		bold;
}
.add_item_value {
	font-size:		14px;
}
.data_input {
	font-size:		14px;
	width:			260px;
	border-left:		1px solid black;
	border-top:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		3px double #f49f00;
}

.button_hover{
	background-color:	#dbe8e8;
}

.emph{
	font-weight:		bold;
}

.login_title{
	font-size:		18px;
	font-weight:		bold;
}

.bannerbox {
	font-size:		14px;
	background-color:	#EFF5F5;
	padding-top:		4px;
	padding-left:		4px;
	padding-right:		4px;
	padding-bottom:		4px;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
}

.bannerbox a {
	color:			#000000;
	font-weight:		bold;
	text-decoration:	none;
}

.bannerbox a:hover {
	background-color:	#c8dbdb;
	text-decoration: 	none; 
}

.bannerbox_title {
	font-size:		18px;
	background-color:	#0000ff;
	font-weight:		bold;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
}

.bannerbox_title a {
	color:			#000000;
	font-weight:		bold;
	text-decoration:	none;
}

.bannerbox_title a:hover {
	background-color:	#f49f00;
	text-decoration: 	none; 
}

.mega_title {
	font-size:	22px;
	font-weight:	bold;
}

.huge_title {
	font-size:	32px;
	font-weight:	bold;
}

.highlight_button {
	background-color:	#0000ff;
	font-size:		12px;
	font-weight:		bold;
	padding-top:		4px;
	padding-left:		4px;
	padding-right:		4px;
	padding-bottom:		4px;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	cursor: 		pointer;
}

.highlight_button a:hover {
	color:			#000000;
	background-color:	#fcbb39;
	text-decoration:	none;
}

.highlight_button_hover {
	background-color:	#C8DBDB;
	font-size:		12px;
	font-weight:		bold;
	padding-top:		4px;
	padding-left:		4px;
	padding-right:		4px;
	padding-bottom:		4px;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	cursor: 		pointer;
}

.highlight_button_hover a:hover {
	color:			#000000;
	background-color:	#C8DBDB;
	text-decoration:	none;
}

.page_title {
	font-size:		20px;
	font-weight:		bold;
	padding-bottom:		5px;
}

.box_right {
	z-index=100;
	font-size:		18px;
	font-weight:		bold;
	padding:		5px;
	float: right;
}
.box_left {
	z-index=100;
	font-size:		18px;
	font-weight:		bold;
	padding:		5px;
	float: left;
}

.safetag_highlight_button {
	background-color:	#0000ff;
	border-right:		1px solid black;
	border-left:		1px solid black;
	border-bottom:		1px solid black;
	border-top:		1px solid black;
	font-weight: 		bold;
	font-size:		12px;
	color:			#000000;
}

.safetag_report_box {
	font-size:		18px;
	background-color:	#0000ff;
	font-weight:		bold;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
}

.found_item_notice_box {
	color:			#000000;
	font-size:		14px;
	font-weight:		bold;
	background-color:	#0000ff;
	border-top:		1px solid #000000;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	border-bottom:		1px solid #000000;
	padding-top:		6px;
	padding-left:		6px;
	padding-right:		6px;
	padding-bottom:		6px;
}

.row_hover {
	background-color: #FFD691;
	cursor: 		pointer;
}


.audio_table {
	border: 1px solid black;
}

.audio_table_header {
	background-color:	#0000ff;
	color:			#ffffff;
}

.audio_table_row {
	background-color:	#dddddd;
 	border-top:		1px solid black;
}
.audio_table_row_small {
	background-color:	#dddddd;
 	border-top:		1px solid black;
	font-size:		10px;
}