/* =========================
    Main class for Body Tag
    B07649 NR 06/28/2010 (added td.norm_subheader)
    B08018 NR 09/16/2010
    B08180 NR 09/21/2010
    B08344 JV 10/20/2010 Fixed norm body input,textarea,select and contentbody input,textarea,select
    B08368 JV 10/25/2010 over-write ui-widget select
    B08374 NR 10/26/2010
    B08432 NR 11/02/2010 changed class data font size from medium to small
    B08430 JV 11/02/2010 llx-right top padding to match llx-header-lable
    B08480 JV 11/09/2010 llx-label and llx-label-table
    B08472 JV 11/10/2010 added more things to llx-label to make it same as llx-label-table
	B09192 NR 02/17/2011
	B09398 GJM 03/22/2011 (commenting out file upload settings, as they're problematic)
	B08642 XC 04/19/2011 added styles for the dropdowns
	B09759 NR 05/12/2011 (removed font family from norm class)
	B10436 GB 08/17/2011 (added display: none; property for ui-datepicker-div id)
    =========================*/
    /* use this norm_body for body with no marrgin */

h1{
	margin: 0px;
	color:#003C7D;
	float: left;
	font-size: medium;
}
h2{
	float: left;
	font-size: medium;
}
.llx-header img:first-child{
	float: left;
	padding: 9px;
}
.llx-header h1{
	padding-top:5px;
}

.ui-corner-all h1{
	padding: 0.4em;
}

.norm_body {
	color : #000000;
	background-color : #ffffff;
	font-size : x-small;
	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, .norm_body textarea, .norm_body select{
	font-family:verdana, lucida grande,arial,helvetica,sans-serif;
	font-size:small;
}

/* use this content_body for body loaded with multiple frames */
.content_body {
	color : #000000;
	background-color : #ffffff;
	font-size : medium;
	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, .content_body textarea, .content_body select{
	font-family:verdana, lucida grande,arial,helvetica,sans-serif;
	font-size:medium;
}
.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, td.Norm{
    font-size: x-small; /* BUG B09071 GJM 02/03/2011 */
    color: black;
    font-weight: normal;
	/* line-height: 12px; comment out font size is no longer 10px  B09192 NR 02/17/2011 */
    /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; B09759 NR 05/12/2011 */
}
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:medium;
	padding-left:3px;
}
.header_gray{
	background-color:#9C9C9C;
	border-top:2px #4F4F4F solid;
	height:30px;
	font-size:medium;
	padding-left:3px;
	color:#FFF;
}
.header_gray_help{
	background-color:#efefef;
	border-bottom:1px black solid;
	padding:5px;
	font-size:small;
}

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

/* =========================
    Grey background standard label
    =========================*/
.data_label{
	font-size:small;
 	text-align:right;
 	background-color:#efefef;
 	/*min-width:140px;
 	max-width:200px;*/
 	width:25%;
}

/* =========================
    Use on tabel to make first td have these properties
    B08480 JV 11/09/2010
    =========================*/
table.llx-label-table > tbody > tr > td:first-child{ /* BUG B08400 GJM 01/31/2011 */
	font-size:small;
 	text-align:right;
 	width:25%;
 	border-bottom:0;
 	border-right:1px;
 	border-top:0;
 	border-left:0;
 	border-style: solid;
}

table.llx-label-table > tbody > tr > td[class*="clear"]{ /* BUG B08400 GJM 01/31/2011 */
	font-size:small;
 	text-align:left;
 	width:100%;
 	border:0;
 	border-style: transparent;
 	background-color: white;
}

/* =========================
    use on individual td's where llx-label-table fails
    B08480 JV 11/09/2010
    =========================*/
.llx-label{
	font-size:small;
 	text-align:right;
 	width:25%;
 	border-bottom:0;
 	border-right:1px;
 	border-top:0;
 	border-left:0;
 	border-style: solid;
}

/* =========================
    Use to display data
    =========================*/
.data{
	font-size:small; /*  B08432 NR 11/02/2010  */
	text-align:left;
}

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

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

/* =========================
    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:small;
	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:medium;
}

.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:medium;
}
.fieldset .fbody{
	padding: 3px;
	font-size:medium;
}
/* =========================
    Page bar
    B08018 NR 09/16/2010
    =========================*/
.page_bar a{
    border: 1px solid #dddddd;
    color:#039;
    background:url('/Images/gradient_gray_x.gif') repeat-x;
    text-decoration:none;
    padding:2px;
	margin:3px;
}
.page_bar a:hover{
    border: 1px solid #039;
}
.page_bar a.selected{
    color:white;
    background:#039;
    border: 1px solid #039;
}
/* =========================
    sideBarModule
    any logical unit can be within this container
    B08018 NR 09/16/2010
    =========================*/
.sideBarModule{
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    margin-bottom:5px;
}
/* =========================
    user navigation at upper right in header
    B08180 NR 09/21/2010
    =========================*/

.usernav a{ font-weight: bold; color: #039;font-size:x-small;}
.usernav{position:absolute;top:1px;right:10px;height:25px;margin:3px 0 0 0;text-align:right;}
ul.usernav li{display:inline;border-left:1px solid #ccc;margin-left:9px;padding-left:10px;}
ul.usernav li.first{border:none;}
ul.usernav li a:hover{color:#c30;}



/*==============
BUG B08180 JV 09/27/2010 UI upgrade
==============*/
td{
	font-size:x-small; /* BUG B09071 GJM 02/03/2011 */
}
img{
	border:0;
}

.llx-header {
	height:35px;
	padding-left:10px;}

.llx-helptext {
	font-size:small;
}

.llx-right{
	float:right;
	padding-right:10px;
	padding-top:0.4em;
}
.llx-header-lable{
	float:left;
	padding-top:0.4em;
}

.llx-shaded{
	background-color:#efefef;
}

.llx-subject{
	font-weight:bold;
}

.llx-folderlist{
	background-color:#ffffce;
	padding:5px;
}

.llx-explain{
	background-color:#ffffce;
}
.llx-content{
	padding:5px;
}
.llx-highlight{
	padding: 1em; margin:.5em;
}

/* =========================
    basic table style
    B08180 GJM 09/27/2010
    =========================*/

.llx-table{
	width:100%;
	border: 0px none;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* =========================
    bottom border of table colored INHERITS COLOR
    B08180 GJM 09/27/2010
    =========================*/

.llx-bottom-border {
	border-bottom-style: solid;
	border-collapse: collapse;
	border-bottom-color: #222222;
	border-bottom-width: medium;
	empty-cells:show;
}

.llx-right-align{
text-align:right;
padding-right:10px;
}
/* B09192 NR 02/17/2011 ------------- BEGIN --------------- */
.llx_top_align{ vertical-align:top;}
.llx_bottom_align{ vertical-align:bottom;}
.llx_middle_align{ vertical-align:middle;}
.llx_center_align{text-align:center;}
.llx_left_align{text-align:left;}
/* B09192 NR 02/17/2011 ------------- END --------------- */

/* =========================
    calendar stylings
    B08180 GJM 10/01/2010
    =========================*/
.llx-cal-today{
	background-color:#EF0000;
}
.llx-cal-current{
	background-color:#94cece;
}
.llx-cal-appt{
	background-color:#cece9c;
}

/* =========================
    zebra table stylings
    B08180 GJM 10/05/2010
    =========================*/
.zebra-table{
	background-color: #ffffff;
	text-align:left;
	border-bottom:
}
.zebra-table td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-color: #DDDDDD;
}
.zebra-table .hover {
	background-color: #dddddd;
}

/* =========================
    Restore select elements to work in IE with text zoom
    B08368 JV 10/25/2010
    =========================*/
.ui-widget select{
	font-size:13px;
}

/* =========================
    Used for jQuery Dialog Form
    B08374 NR 10/26/2010
    =========================*/
fieldset label{
	display:block;
	font-size:x-small;
	margin-top:10px;
}

fieldset label.chkboxlbl{
	display:inline;
	margin-left:5px;
}

/* ========================
	Google Docs styles
	B08222 GJM 10/28/2010
   ======================== */

#GoogleDocMenu{
	display: none;
	top: 25px;
	width: 175px;
	text-align:left;
	z-index:1003;
	-moz-box-shadow:0 1px 5px #727272;
	border:1px solid #7D7D7D;
	padding:0;
	position:absolute;
	background-color: white;
}
#GoogleDocMenu a:hover div{
	background-color: #DDDDDD;
}

#GoogleDocMenu a div img{
	vertical-align: middle;
	padding: 0px 8px;
}
.GoogleDocMenuLink{
	text-decoration: none;
}
.GoogleDeleteSpan{
	float: right;
	padding-right: 10px;
}

/*
	========================
	Styles for Dropdown
	BUG B08642 XC 04/19/2011 
   	========================
	
*/

ul .dropdown
{
	display:none;
	position:absolute;
	left:0;
	height:0;
	width:150px;
	overflow:hidden;
}

ul .display
{
	display:block;
	height:15px;
    overflow:visible;
    z-index:99999; 
}

/* ========================
	Datepicker <div> hidden by default
	BUG B10436 GB 08/17/2011
   ========================
*/

#ui-datepicker-div {
display: none;
}

/* ========================
	File Upload formatting
	B08222 GJM 10/28/2010
   ========================

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	height:28px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}*/