/* =========================
    Main class for Body Tag
    B07649 NR 06/28/2010 (added td.norm_subheader)
    =========================*/
    /* use this norm_body for body with no marrgin */
.norm_body {
	color : #000000;
	background-color : #ffffff; 
	font-size : 11px;
	font-weight : normal;
	font-family: verdana, lucida grande,arial,helvetica,sans-serif;
	margin:0px 0px 0px 0px; /* top right bottom left */
	border-spacing:0px; 
	border-collapse: collapse;
	width:100%;
}
.norm_body input, textarea, select{
	font-family:verdana, lucida grande,arial,helvetica,sans-serif;
	font-size:12px;
}

/* use this content_body for body loaded with multiple frames */
.content_body {
	color : #000000;
	background-color : #ffffff; 
	font-size : 11px;
	font-weight : normal;
	font-family:verdana, lucida grande,arial,helvetica,sans-serif;
	margin:5px; /* top right bottom left */
	border-spacing:0px; 
	border-collapse: collapse;
	width:100%;
}
.content_body input, textarea, select{
	font-family:verdana, lucida grande,arial,helvetica,sans-serif;
	font-size:12px;
}
.err_msg{
	background-color:#9C9C9C;
	color:#E8E8E8;
	padding:2px;
}
/* the style below is legacy that was dynamically inserted in 4dw_send_html_blob */
td.norm{
    font-size: 10px;
    color: black;
    font-weight: normal;line-height: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td.norm_subheader{
    font-size:13px;
    color:black;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* =========================
    Blue back ground header
    =========================*/
.header_blue{
	background-color:#ceceff;
	border-top:3px #000010 solid;
	height:33px;
	font-weight:bold;
	font-size:13px;
	padding-left:3px;
}
.header_gray{
	background-color:#9C9C9C;
	border-top:2px #4F4F4F solid;
	height:30px;
	font-size:13px;
	padding-left:3px;
	color:#FFF;
}
.header_gray_help{
	background-color:#efefef;
	border-bottom:1px black solid;
	padding:5px;
	font-size:10px;
}

/* =========================
    Caption class for header. Commonly used for Span
    =========================*/
.header_label{
	font-weight:bold;
	font-size:13px;
	float:left;
}

/* =========================
    Grey background standard label
    =========================*/
.data_label{
	font-size:10px;
 	text-align:right;
 	background-color:#efefef;
}

/* =========================
    Use to display data
    =========================*/
.data{
	font-size:12px;
}

/* =========================
    Use for smallest font
    Common use: Tip/Help ex: (mm/dd/yyyy)
    =========================*/
.help_label{
	font-size:10px;
}

/* =========================
    Use this to locate bottom 
    =========================*/
.align_right{
	float: right;
	padding-right:5px;
	font-size:10px;
}

/* =========================
    Bottom Toolbar
    =========================*/
.toolbar{
	background:#DCDCDC;
	height:30px;
	/* border-top:1px solid #828282; */
	padding:3px;
	margin:0px;
}
.toolbar img{
	margin-left:3px;
	border:0px;
}
.toolbar a{
	text-decoration:none;
}

/* new folder pane */
.new_folder_pane{
	background:#DCDCDC;
	padding:3px;
}
.clear{
	padding:0px;
	height:0px;
}
#folders{
	padding:5px;
}

/* =========================
    Component - button
    =========================*/
.button{
	border: 2px #F5F5F5 outset; /* whitesmoke */
	padding: 3px;
	background: #F5F5F5;
	color:#363636;
	font-size:10px;
	font-weight:bold;
	font-family:verdana, lucida grande,arial,helvetica,sans-serif;
	text-decoration:none;
}
.button:hover{
	border: 2px #F5F5F5 inset;
}

/* =========================
    Autocomplete
    =========================*/
.autoComplete ul{
	border:1px solid #888;
	background-color:#FFF;
	list-style-type:none;
	margin:0;
	padding:0;
}

.autoComplete li{
	padding: 3px;
	margin:0;
	cursor:pointer;
	font-family:verdana;
	font-size:12px;
}

.autoComplete li.selected{
	background-color: #B0C4DE; 
}

/* =========================
    Blue back-ground for Folder area
    =========================*/
#sidebar{
	background:#F0F0F0; 
	height:100%;
	padding:0px;
	vertical-align:top;
}

/* =========================
    Treeview
    =========================*/
.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: url(/Images/folder_open_s.png) no-repeat left top;
	list-style-type: none;
	padding: 0px 0px 0px 20px; /* top right bottom left*/
	margin: 5px 0px 5px 0px;  /* top right bottom left*/
	height:auto;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: url(/Images/folder_close_s.png) no-repeat left top;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

.treeview a{
	text-decoration: none;
	display: inline; /* prevents IEs from putting a lots of padding */
	padding-top:0px;
	color:#363636;
}

.treeview .selected{
	color:black;
	font-weight:bold;
	background-color:#FFFFFF;
}

/* =========================
    Alternative to Fieldset & Legend
    build this due to display problem with FireFox ONLY ON CaseOverview on Test 
    =========================*/
.fieldset{
	border:1px #9C9C9C solid;
	margin:3px;
}
.fieldset .ftitle{
	color:white;
	background-color:#9C9C9C;
	padding: 3px;
	font-size:12px;
}
.fieldset .fbody{
	padding: 3px;
	font-size:12px;
}