/********************
        MAIN
********************/


/*-------------------Lilly Force Table---------------*/


body#calculator b{
color: #CC0000;
font-size: 19px;
text-decoration:none;	
}
	

body#calculator u{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border-bottom: 2px dotted #399a9c;
text-decoration: none;	
	
}

body#calculator I{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FF0000;
text-decoration: none;
font-style:normal;	
}

body#calculator p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
	
}
body#calculator #lilly_force_table{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#c6c5c2;
margin-left:10px;
padding:0;
}

body#calculator #main_table{
margin-left:20px;	
}


body#calculator .heading {
background:url(../../images/default/main_header.gif) no-repeat center; 
width:100%;
height:33px;
line-height:none;
border:0px;
 }

body#calculator .heading2 {

background:url(../../images/default/main_header2.gif) no-repeat center; 
width:100%;
height:89px;
line-height:none;
border:0px;
padding-bottom:0px;
padding-top: 1px;

 }
 
body#calculator #text{
 font-family:Arial, Helvetica, sans-serif;
 font-size:30px;
  
 }

html, body { margin:0; padding:0; text-align:center; font-family:Arial, sans-serif; font-size:12px; background:#fff; height:100%; }


/*********************
    MAIN STRUCTURE
*********************/

#wrapper { min-height:100%; background:url("../../images/default/bg.gif") center repeat-y; }

#container {url("bg.gif") repeat-y scroll center center transparent;
    min-height: 100%; margin:0 auto; width:990px; text-align:left; overflow:auto; padding-bottom:58px;	}

#headerWrapper { margin:0; width:100%; height:111px; background:url("../../images/default/bg-header.gif") center repeat-x; text-align:center; z-index:10; }
#header { text-align:left; margin:0 auto; width:990px; height:100px; z-index:10; position:relative;}
#headerTitle { margin:0 0 0 10px; z-index:10; position:relative; top:10px; width:280px; }

#content { padding:0; min-height:400px; }

#footer { font-size:11px; color:#666666; border-top:1px solid black; position:relative; margin-top:-73px; /* negative value of footer height */ height:72px; clear:both; width:100%; background:#FFF;}
#footerContent { width:960px; margin:0 auto; padding:10px; text-align: center; }

#autoLogOffTable { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: #666666; opacity: .95; filter: alpha(opacity = 95); z-index: 500; }
* html #autoLogOffTable { position: absolute;  top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');  right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px'); width: 100%; height: expression(document.documentElement.clientHeight +'px'); }
	
	 #autoLogOffBox{
		background: #ffffff;
		font-size: 15px;
		width: 700px;
		opacity: 1.0;
		filter: alpha(opacity = 100);
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		z-index: 500;
	}
	
	#autoLogOffBox h1 {
		font-size: 26px;
		margin: 0;
		padding: 0;
		color : #ff0000;
		text-align: center;
	}
	
	#countDown {
		font-size: 20px;
		text-align: center;
		line-height: 50px;
	}
	
	#timeLeft {
		font-size: 30px;
		color: #660000;
		font-weight: bold;
	}
	
/*********************
    PROJECT TYPE
*********************/	
	
#projectTypeTable { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #666666; opacity: .95; filter: alpha(opacity = 95); z-index: 500; left:0px;}
* html #projectTypeTable { position: absolute;  top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');  right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px'); width: 100%; height: expression(document.documentElement.clientHeight +'px'); }
	
	 #projectTypeBox{
		background: #ffffff;
		font-size: 15px;
		width: 700px;
		opacity: 1.0;
		filter: alpha(opacity = 100);
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		z-index: 500;
	}
	
	#projectTypeBox h1 {
		font-size: 26px;
		margin: 0;
		padding: 0;
		color : #ff0000;
		text-align: center;
	}
/*********************
    MAIN STYLING
*********************/

h1 { color: #e6e5e4; font-size:54px; float:none; margin:13px 0 -15px 20px; *margin:13px 0 -15px 20px; text-transform:uppercase; }
h1.login  { margin-left: auto; margin-right: auto;  width:400px;  padding-bottom: 0;  }
h2 { color: #FFFFFF; background: #333333; font-size: 16px; font-weight: bold; margin: 0; padding: 5px; padding-left: 5px; }
h3 { color: #cc0000; font-size: 19px; font-weight:100; margin:0; padding:1px; padding-left:5px; }
h4 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #000000; }

a { color: #cc0000; font-weight: bold; }

label { display: block; color: #333333; font-size: 11px; margin: 0 0 1px 0;  }

fieldset { border: none;  margin: 0px 10px; padding: 0 20px 10px 20px; background: #c7c5c2;}
fieldset p { margin: 0px; padding: 10px 0 5px 0; }
fieldset.readonly {  background: #ffffff; }
fieldset.readonly p { font-weight: bold; width: 220px; height: 35px; float: left;}
fieldset.readonly label { font-weight: normal; }
fieldset.clear { border: none; margin: 0 10px; padding: 10px 20px; background: #ffffff;}
fieldset.inline { border: none; margin: 10px 30px; padding: 10px; background: #bebcb8; border: 1px solid #666666;}
fieldset.inline p { margin: 0px; padding: 10px; }

form { margin: 0; padding: 0; }

input { border: 1px solid #666666; }
select { border: 1px solid #666666; }
textarea { border: 1px solid #666666; }
input[type="radio"] { border: none }
input[type="checkbox"] { border: none }
input[type="button"], input[type="reset"], input[type="submit"] { color: #ffffff; border-bottom: 2px solid #000000; border-right: 2px solid #cc0000; border-left: 2px solid #cc0000; border-top: 2px solid #cc0000; background: #cc0000; cursor: pointer }
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {  border-bottom: 2px solid #000000; border-right: 2px solid #e40000; border-left: 2px solid #e40000; border-top: 2px solid #e40000; background: #e40000; cursor: pointer }
input[type="button"]:active, input[type="reset"]:active,  input[type="submit"]:active {  border-bottom: 2px solid #000000; border-right: 2px solid #990000; border-left: 2px solid #990000; border-top: 2px solid #990000; background: #990000; cursor: pointer }
input[readonly="readonly"] { background: #efefef}
input.unselected[type="button"] {  border-right: 2px solid #666666; border-left: 2px solid #666666; border-top: 2px solid #666666; background: #666666; }
body#calculator input.disabled[type="text"] {color: black;}
/*********************
      MESSAGES
*********************/
.messagingGood { margin: 0 20px; background: #009900; padding: 3px 0px;}
.messagingGood ul { background: #009900; color:#FFF; padding: 0 5px; font-weight:bold; margin:0; }
.messagingGood li {  padding:1px; list-style-type: none;margin: 0; }
/* changed padding to fix the line break bet. the field and action error message */
.messagingBad { margin: 0 20px; background: #000099; padding: 3px 0px;}
.messagingBad ul {  background:#000099; color:#FFF; padding: 0 5px; font-weight:bold; margin:0px;}
.messagingBad li { padding:1px; list-style-type: none;margin: 0;  }

#msgPanel ul { margin:0px; }

/*********************
       TABLES
*********************/

table.searchResults { margin:0px auto 0 auto; width:930px; border-collapse:collapse; border-spacing:0; }
table.searchResults th { border-bottom:2px solid #000; font-size:11px; color:#000; padding-bottom:0; text-transform:uppercase; }
table.searchResults td { border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; padding:8px; cursor: pointer; }
table.searchResults tr.nolink td { cursor: default }
table.searchResults td.empty { cursor: default; background: #ffffff;}
table.searchResults tr:hover { background-color:#d9eeec; }
table.searchResults tr:hover th { background-color: #ffffff; }


/*********************
       FORMS
*********************/

.twoColumn { width:100%;  float:left; }
.twoColumn .column { width:47%;  float:left; margin-right:2%; }

.twoColumnSubfieldset p { width:47%; float:left;   }
.threeColumnSubfieldset p { width:30%; float:left }
.twoColumnSubfieldset p select, .threeColumnSubfieldset p select { margin-bottom: 2px;  } /* this is a hack to get select boxes to float nicely with other form fields in IE */
fieldset .fourColumn p { margin: 0px; padding: 5px 0 5px 0; font-weight: bold; width: 165px; height: 35px; float: left;}
fieldset.readonly .fourColumn p { margin: 0px; padding: 5px 0 5px 0; font-weight: bold; width: 165px; height: 35px; float: left;}
fieldset.readonly .thgVendorFieldset p { float:left; font-weight:bold; height:35px; width:450px; }
fieldset.readonly table.searchResults tr:hover td { background-color:#ffffff; cursor: default;} 
fieldset.readonly p.full { font-weight: bold; width: auto; height: auto; float: none; clear: both; }
fieldset.readonly p.fullCommentField { font-weight: bold; width: auto; height: auto; float: none; clear: both; display : none}
fieldset.readonly p.commentField { display : none}
td.commentField {display : none}
th.commentField {display : none}
.dateField { background: #cccccc; }

/*********************
       BUTTONS
*********************/

.generic { width:930px; min-height:39px; margin:0 auto 10px; }

.btn-large-oneline { width:172px; height:39px; background:url(../images/btn-large-off.gif) center no-repeat; text-align:center; color:#FFF; float:left; margin:0 10px 0 0; cursor:pointer; }
.btn-large-oneline:hover { background:url(../images/btn-large-on.gif) center no-repeat; }
.btn-large-oneline p { padding:11px 0 0 0; float:none; margin:0; }

.btn-large-twoline { width:172px; height:39px; background:url(../images/btn-large-off.gif) center no-repeat; text-align:center; color:#FFF; float:left; margin:0 10px 0 0; cursor:pointer; }
.btn-large-twoline:hover { background:url(../images/btn-large-on.gif) center no-repeat; }
.btn-large-twoline p { padding:5px 0 0 0; float:none; margin:0; line-height:13px; }

.btn-small { width:112px; height:39px; background:url(../images/btn-small-off.gif) center no-repeat; text-align:center; color:#FFF; float:left; margin:0 10px 0 0; cursor:pointer; }
.btn-small:hover { background:url(../images/btn-small-on.gif) center no-repeat; }
.btn-small p { padding:11px 0 0 0; float:none; margin:0; }


/********************************************/

#pagination { margin: 5px 30px 10px 0px; text-align: right; float: right; display: inline; }
#pagination p { text-decoration:underline; color:#cc0000; font-size:10px; float:left; display:inline; margin:0px 1px; cursor:pointer;  border: 1px solid #666666; height: 10px; padding: 2px 5px 5px 5px; }
#pagination p:hover { border: 1px solid #666666; background: #cccccc; }
#pagination p.deactivated { color: #999999; text-decoration: none; cursor:default; }
#pagination p.deactivated:hover { background:#ffffff;   }

.submodulePanel { margin-top: 10px; }
.submodule { padding: 0 10px 0 10px; border-left: 2px solid #efefef; border-top: 2px solid #efefef;  border-bottom: 2px solid #000000; border-right: 2px solid #efefef; background: #b7b5b1; }
.submodule p { float: left; margin: 0 14px 0 5px; }

.submoduleButtonPanel { clear: both; padding-top: 3px; }
.submoduleButtonPanel input[type="button"] {  font-size: 11px;  }

.heading { background:url(../../images/default/bg-h3.gif) no-repeat center; width:100%; height:36px; margin:0; padding-top:1px; }
.fieldsetHeading { background:url(../../images/default/bg-h3-dark.gif) no-repeat center; width:100%; height:35px; margin:0; padding-top:1px; }
.heading p, body#calculator .heading p, .fieldsetHeading p { color:#cc0000; font-size:19px; float:none; margin:0 0 0 20px; padding-top: 1px;}


#logout { float:right; height:30px; margin:0 0 0 0; background:url(../../images/default/divider.gif) no-repeat right; }
#logout a:link, #logout a:visited {color:#FFF; text-decoration:none; padding:15px; font-weight:100; font-size:10px; text-align:center; }
#logout a:hover { text-decoration:underline; }
#logout p {color:#FFF;  font-weight:100; font-size:10px; float:none; margin:0 ; text-align:center; }
#logout table { width:450px; height:30px; }
#logout table td { background:url(../../images/default/divider.gif) no-repeat left; }


/*-----------------------------------------------------------------------------
Custom Styles
-----------------------------------------------------------------------------*/	

#loginBox { margin:auto; margin-top:0; padding:10px 20px;  width:400px; border:10px solid #E6E5E4; background:#ffffff; }

p.actionMenu { margin-left: 25px; color: #CC0000; }

.moduleTable td { padding: 0px 0px 5px 10px; }
.moduleTable label { color:#000000; display: inline; font-size:13px; }
.required {padding-bottom:1px;background-image:url(../../images/default/athterisk-red-small.png);background-repeat:no-repeat;background-position:left top;}
.prototip .tipStyle .content { padding:3px; text-align:left; max-width:550px; border:1px solid green;color:black;background:#fff;}
.tooltipIndic{background-image:url(../../images/default/green-2x3.gif);background-repeat:repeat-x;background-position:left bottom;}
.subSubField{margin-left: 0px;margin-right:10px}