/* === Globals === */
* {
  padding: 0;
  margin: 0;
}

body {
  font: 11px Arial, sans-serif;
  _background: #2f3f4a;
  line-height: 14px;
 }
/**Enabling horizontal scroll bar--NK 18 Aug 2009 ***/
/***html {
  overflow-x: hidden;
}
****/
img {
/* behavior: url(../js/iepngfix.htc);*/ /* this will generate an error on db Behind the seeing on IE */
}

a {
  outline: none;
  text-decoration: none;
}

textarea {
  font: 11px Arial, sans-serif;
}



.container {
  width: 960px;
  margin: 3px auto 20px;
}

/* === Header === */
.header {
  _background: url(../img/bg_header.png) no-repeat white;
  padding-top:10px;
}

.header_content {
  _background: url(../img/bg_header-body.jpg) no-repeat;
  margin: 0 auto;
  position: relative;
  width: 940px; height: 117px;
}

.header_content a.prefsBtn{
	width:105px; 
	height:32px;  
	background: url('../img/preferences_button.png') no-repeat top left;
	line-height:20px;
	text-align:center;
	display:block;
	position:absolute;
	right:30px;
	top:-6px;
	text-transform:uppercase;
	color:black;
	font-size:90%;
	font-weight:bold;
	text-indent:-2px;
}
.header_content a.hidden{display:none;}

.header img {
  position: absolute;
  right: 0; top: -60px;
}

.header h4 {
  _background: url(../img/logo_flforms.png) no-repeat;
  _background: url(../img/formssimplicity_logo.png) no-repeat;
  text-indent: -5000em;
  height: 30px; width: 515px;
  position: relative;
  top: 25px; left: 20px;
  cursor: pointer;
}



.header .nav {
  _background: url(../img/bg_nav.jpg) no-repeat;
  width: 940px; height: 36px;
  position: absolute;
  left: 0; bottom: 0;
  padding-top: 15px;
 
}

.header .nav li {
  display: inline;
}

.header .nav li a {
  _background: url(../img/bg_navtab.png) top right no-repeat;
  font: 13px Georgia, serif;
  display: inline-block;
  /*padding: 0 19px 10px 12px;*/
  padding: 0 12px 10px 9px;
  text-transform: uppercase;
  text-decoration: none;
  _color: #2b4208;
}

.header .nav li a:hover {
  _color: white;
}




.global_fields_green{
  _color: #92ca1d;
  _border-bottom: 1px dotted #92ca1d;
  padding: 2px 0 2px 0;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}

.global_fields_black{
  _color: #000000;
  padding: 3px 0 3px 0;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
}

/* == Content == */
.content {
  clear: both;
  _background: white;
  _color: #666;
  padding: 25px 20px;
}
.content .user_controls {
  margin:0 0 10px 5px;
  width: 300px;
}

.content .user_controls p {
  display: inline;
  font-size: 12px;
  _color: #0B6CB5;
  font-weight: bold;
}

.content .user_controls a {
  _color: #7fba10;
  border-left: 1px dotted;
  padding: 1px 5px;
  margin-left: 5px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight:bold;
}
/* == Breadcrumb == */
.breadcrumb {
  _color: #7fba10;
  text-align: right;
  font-size: 10px;
/*  margin: 0 20px 10px;*/
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted;
}

.breadcrumb a {
  _color: #7fba10;
  text-decoration: none;
  text-transform: uppercase;
}

.breadcrumb a.current {
  _color: #999;
  text-transform: none;
}

/* == Commands == */
.command {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-top: 5px;
  margin-left: 380px;
  height: 20px;
}

.command p {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  _color: white;
  text-transform: uppercase;
}

.command p span {
  text-transform: none;
}

.command form {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.command input {
  font-size: 11px;
}

.command button {
  padding: 0 5px 1px;
  font-size: 11px;
}

.command option_box p {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: white;
  text-transform: uppercase;
}
/* == Forms Content == */
.forms_content {
  _background: #0b6cb5;
  clear: both;
  padding: 10px 3px 3px;
}

.forms_content .title_area {
  border-bottom: 4px solid;
 // display: inline-block; /* IE7 -- wihtout this will display left -- Added by LFP 20 AUG 2008 */
}

.title_area h3 {
  _color: white;
  text-transform: uppercase;
  padding: 5px 10px 15px 10px;
  font-size: 19px;
  font-weight: normal;
  float: left;
}



/* == Footer == */
.footer {
  _background: url(../img/bg_content-bottom.jpg) bottom left no-repeat white;
  padding: 50px 10px 10px;
}

.footer img {
  margin: 0 0 12px 15px;
  display: block;
}

.footer ul {
  _background: #7fba10;
  text-align: center;
  
}

.footer li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 10px 0;
  padding: 0 12px;
  _border-left: 1px solid white;
}

.footer li.first {
  border-left: none;
}

.footer li a {
  _color: white;
  text-decoration: none;
}
.footer p {
 display: block;
 text-align: center;	
 _color:	#333333;
}

.footer .twitter{background-color: #CCCCCC;float: right;height: 34px; width: 65px; }
.footer .twitter img{border: none; margin-left: 1px;}


/* == Common Elements == */
.clear {
  clear: both;
}

.flat {
  height: 0;
  line-height: 0;
  font-size: 0;
}

.iblock {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.pngfix {
/*  behavior: url(../js/iepngfix.htc); */ /* this will generate an error on db Behind the seeing on IE */

}

input {
  padding: 2px 5px;
}


/* == Help Bubble == */
.help {
  height: 17px; width: 17px;
  position: relative;
  top: -4px;
  text-align: left;
}

.help .icon {
  _background: url(../img/btn_question.png) no-repeat;
  display: block;
  height: 17px;
  text-indent: -5000em;
}

.help .tip {
  _background: url(../img/bg_help-btm1.png) bottom left no-repeat;
  position: absolute;
  z-index: 100;
  width: 600px;
  margin: 31px 0 0 15px;
  display: none;  
}

.help .tip div {
  _background: url(../img/bg_help-top1.png) no-repeat;
  padding: 12px 15px 15px 40px;
  margin-top: -61px;  
  width:600px;
  font-size:11px;
}

.help .tip h5 {
  text-transform: uppercase;
  _border-bottom: 1px dotted #ccc;
  padding-bottom: 3px;
  margin-bottom: 5px;
  _color: #666;
  width:550px;
}

.help .tip p {
  _color: #666 !important;
  text-transform: none;  
  width:540px;
}

.help_alt .tip {
  _background: url(../img/bg_help_alt-btm1.png) bottom left no-repeat;
  *margin-left: -400px;
  margin-left: -600px;
}

.help_alt .tip div {
  _background: url(../img/bg_help_alt-top1.png) no-repeat;
  padding: 12px 40px 15px 15px;
  width:550px;
}


/* == Big Tip Bubble == */
.big_tip {
  _background: url(../img/bg_tip-btm.png) bottom left no-repeat;
  position: absolute;
  z-index: 100;
  width: 615px;
  _top: -212px; _left: 100%;
  top: -232px; left: 100%;
  margin: 237px 0 0 0;
  display: none;
}

.big_tip div {
  _background: url(../img/bg_tip-top.png) no-repeat;
  margin-top: -237px;
  min-height: 250px;
  padding: 40px 20px 20px 55px;
  
}

.big_tip h3 {
  font-size: 18px;
  _color: #0B6CB5;
  margin-bottom: 15px;
}

.big_tip p {
  margin-bottom: 15px;
  overflow: auto;
  }


/* == Buttons == */
.button_blue {
  _background: #55aedc;
  _border: 1px solid white;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  _color: white !important;
  cursor: pointer;
  /******IE7 ********/
  //zoom: 1;
  /************/
}

.link_button_blue {
  _background: #55aedc;
  _border: 1px solid white;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  _color: white !important;
  cursor: pointer;
  /******IE7 ********/
  //zoom: 1;
  /************/
}


.button_green {
  _background: #7fba10;
  _border: 1px solid white;
  _color: white !important;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;

}

.link_button_green {
  _background: #7fba10;
  _border: 1px solid white;
  _color: white !important;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.button_green_open_blankforms {
  _background: #7fba10;
  _border: 1px solid white;
  _color: white !important;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}


.button_green_del {
  _background: #7fba10;
  _border: 1px solid white;
  _color: white !important;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.button_green_upload_file_on_trans {
  _background: #7fba10;
  _border: 1px solid white;
  _color: white !important;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
 zoom: 1;
   /****** IE 7   ******/
 //margin-right: 5px;
   /******  ******/

}

.button_white {
  _background: white;
  _color: #55aedc !important;
  _border: 1px solid #55aedc;
  padding: 2px 8px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

button.button_white {
  padding: 0 6px 1px;
}


/* == Pulldown == */
.pulldown {
  _background: url(../img/arrow_pulldown.png) right no-repeat white;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 200px;
  _border: 1px solid #666;
  padding: 2px 4px;
  margin: 0 4px;
  font-size: 10px;
  text-transform: uppercase;
}

.pulldown span {
  display: block;
  cursor: pointer;
}

.pulldown ul {
  _background: white;
  position: absolute;
  margin: 2px 0 0 -5px;
  _border: 1px solid #666;
  display: none;
  width: 208px;
  list-style: none;
  z-index: 150;
}

.pulldown ul li {
  padding: 5px;
  cursor: pointer;
}

.pulldown ul li:hover {
  _background: #B8D7E7;
}


/* == Edit Boxes == */
.edit_box {
  position: absolute;
  margin-top: 1px;
  margin-left: -150px;
  z-index: 200;
  _border: 1px solid white;
  padding: 15px;
  _color: white;
  display: none;
}

.blue_box {
  _background: #55aedc;
}

.blue_box hr {
  border: none;
  _border-top: 1px solid white;
  margin: 8px 0;
}

.green_box {
  _background: #88c811;
}


.blue_box .actions,
.green_box .actions {
  text-align: right;
  border-top: 1px dotted white;
  padding-top: 10px;
  margin-top: 5px;
  
}


.green_box .actions .button_white {
  _border: 1px solid #88c811 ;
  _color: #88c811 !important;
}



/* == Option Boxes == */
.option_box {
  display: none;
  position: absolute;
  z-index: 200;
  padding: 0 10px 10px;
  _color: white;
  _border: 1px solid white;
  font-size: 11px;
}

.option_box h5 {
  font-size: 11px;
  font-weight: normal;
  padding: 5px 0 10px;
}

.option_box p {
  display: block;
  text-transform: none !important;
}

.option_box input {
  padding: 1px;
}

/* == Forms Meter == */
.capacity {
  text-align: right;
  padding: 10px 0;
}

.capacity p {
  display: inline;
}

.forms_content_button {
 /* margin: 0 0 0 850px;*/
text-align: right;
}

.forms_meter {
  float: right;
  margin-top: 15px;
}

.forms_meter p {
  display: inline;
  text-transform: uppercase;
}

.forms_meter p strong {
  text-transform: none;
}


/* move to pages.css when done developing */
#option_delete_box {
  width: 191px;
}

#option_fax_box{
  width: 240px;
  margin: 30px 0 0 -65px; 
}
#option_fax_box h5 {
  _border: 1px solid white;
  _border-bottom: none;
  _background: #55aedc;
  position: relative;
  top: -30px;
  left: 58px;
  width: 186px;
  padding-left: 5px;
  margin-bottom: -10px;
}
#option_fax_box input{
	
 width: 238px;
  margin-bottom: 5px;
}
#option_fax_box textarea {
  width: 238px;
  height:70px;
  margin-bottom: 5px;
}

#option_fax_box #cover_sheet_email {
  margin: 0;
  width: auto;
}
#option_email_box {
  width: 440px;
  margin: 30px 0 0 -265px; 
}

#option_email_box h5 {
  _border: 1px solid white;
  _border-bottom: none;
  _background: #55aedc;
  position: relative;
  top: -30px;
  left: 258px;
  width: 186px;
  padding-left: 5px;
  margin-bottom: -10px;

}

#option_email_box input {
  width: 210px;
  margin-bottom: 5px;
}

#option_email_box textarea {
  width: 438px;
  margin-bottom: 5px;
  height: 200px;
}
#option_email_box #email_self {
  margin: 0;
  width: auto;
}
#option_email_box #lock_forms {
  margin: 0;
  width: auto;
}
#option_email_box #cover_sheet_email {
  margin: 0;
  width: auto;
}
#option_email_box .iblock {
  width: 20px;
}

#option_copy_box {
  width: 191px;
}
#option_move_box {
  width: 191px;
}

#option_save_box {
  width: 191px;
}

/* == Meter == */
.meter {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: 1px solid;
  width: 100px;
  text-align: left;
  margin: 0 4px;
}

 .meter  .fill {
  width: 0%;
  _background: #85b5da;
}

.meter_green {
  _border-color: #7fba10;
}

.meter_green .fill {
  _background: #7fba10;
}

.textinput {
  _border: 1px solid #999;
}

/* ============================= */
/* === Common Table Elements === */
table tr {
  _background: #eef7fb;
}

table tr.odd {
  _background: #b8d7e7;
}

table th {
  text-align: left;
  padding: 5px;
  _border-left: 1px solid   #77bee3;
  _color: white;
  _background: #77bee3;
  font-weight: normal;
}

table th.header {
  height: auto;
}

table td {
  padding: 5px;
  _border-left: 1px solid  #77bee3;
  _color: #666;
}

table .col_check {
  border-left: none;
  _background-image: none !important;
}

/* == Sortable table commonalities == */
table.sortable_table th {
  _background: url(../img/arrows_white.png) right 10px no-repeat #267fbb;
 /* behavior: url(../js/iepngfix.htc);*/
}

table.sortable_table th.headerSortDown {
  _background-color: #98cfdf;
  _color: #0b6cb5;
}

table.sortable_table th.headerSortUp {
  background-position: right -46px;
  _background-color: #98cfdf;
  _color: #0b6cb5;
}


table.broker_sortable_table th.headerSortDown {
  _background-color: #98cfdf;
  _color: #0b6cb5;
}

table.broker_sortable_table th.headerSortUp {
  background-position: right -46px;
  _background-color: #98cfdf;
  _color: #0b6cb5;
}
.beta  {
  position: absolute;
  margin-top:40px;
  margin-left: 920px;
  z-index: 1;
  /*color: white;*/
  /*display: none;*/
 
}



.loadingtransgreen{
  _background: url(../img/loadertransgreen.gif) center 0px  no-repeat #7fba10;
  height: 35px;
  width: 64px;
  margin-top: -5px;
  margin-left: -64px;
  display: none;
  position: absolute;
  
/*****IE7 ******/
   //width: 84px;
  // margin-left: -81px;
}

.loadingtransblue{
  _background: url(../img/loadertransblue.gif) center  0px  no-repeat #55aedc;
  height: 35px;
  width: 93px;
  margin-top: -5px;
  margin-left: -84px;
  display: none;
  position: absolute;
  

 /*****IE7 ******/
   //width: 113px;
  // margin-left: -110px; 
  
  /*
  55aedc  blue
7fba10  green
  */
  
}

.timeoutWarning{
	/* Javascript controls the visibility settings */
	/*visibility: hidden;*/
	display: none;
	position: absolute;
	z-index: 999;
	text-align: center;
	font-weight: bold;

	width: 450px;
	height: 50px;
    _background-color:#55aedc;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 260px;
   
    margin-right: auto;
    padding: 0px;
    _border: thin solid  #000000;
    _color: white;
	
	
}

.col_forms_deleted{
	_background: #EAEAEA;
	}
	
.system_maintenance{
	_color: red;
	font: 12px Arial, sans-serif;
	padding-bottom: 10px;
	}
	
.system_maintenance p{
	padding-bottom: 1px;
	}
	
table td a {
  _color: #666;
}
table td a:hover {
  _color: #333;
}

#hidden_section{
      opacity:.5;
      filter:       alpha(opacity=50);
      background-color:#CCCCCC;
      cursor:default;
      }
      
/**====  overlay  ===*/
/**====  ===*/
	/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(../img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}

	/* container for external content. uses vertical scrollbar, if needed */
	.contentWrap {
		height:920px;
		overflow-y:auto;
	}
	
	
	/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;

	/* growing background image */
	background-image:url(..img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	 background-image: url(../img/overlay/close.png);

	
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}      

/* HELP */
a.dhelp{float:left; margin: 0; padding:0; display: block; width: 17px; height: 17px;background: url('../img/btn_question.png') no-repeat top left;}
a.dhelp span{display: none;}

/*use for jquery output*/
#stats{
	display:none;

}

/* LIGHT BOX  - LFP*/
.LightBoxContainer{position:absolute;display:none;width:535px;/*min-height:210px;*/	margin-left:190px;	background: #55AEDC;	margin-left:190px;	margin-top:0px;	z-index:200;}
.lightbox{width:535px;/*min-height:210;*/ color: #666; font: 11px Arial, sans-serif; background: url(../img/feature_light_box.jpg);}
.lightbox .lightbox_container{padding: 10px 20px 10px 20px;clear:both;}
.lightbox #close{text-transform: uppercase;color: #55AEDC;font-weight: bold;float: right;padding-top: 5px;padding-bottom: 10px;}
.lightbox #close a {color: #55AEDC;}
.lightbox #close a.selected {color: #55AEDC;}
.lightbox #lightbox_content{/*min-height: 135px;*/overflow-y:auto;	border-bottom:1px dotted #55AEDC;	padding-bottom:5px;}
.lightbox .lightbox_footer{float:right;	padding-top: 5px; display:none;}
.lightBoxBody .light_header{font: 18px Arial, sans-serif;	color: #55AEDC;	font-weight: bold;	padding-bottom: 20px;}
.lightBoxBody .light_body{padding-right: 20px;}
.lightBoxBody .light_body .title{font: 14px Arial, sans-serif;color: #55AEDC;font-weight: bold;}
.lightBoxBody .light_body .text{font: 13px Arial, sans-serif;color: #666666;/*font-weight: bold; */padding-bottom: 15px;}
.lightbox #donotshow{}


/* sortable classes */
.ui-sortable-helper {-moz-box-shadow: 0 0 16px #777;-webkit-box-shadow: 0 0 16px #777;box-shadow: 0 0 16px #777;}
.forms-documents tr{}
.forms-documents td a span.lbl{cursor:n-resize; height:30px; background: url('../img/sort.png') no-repeat 2px 6px; display:block; line-height:30px; padding:0 0 0 43px;}

.forms-documents td span.dragger{cursor:n-resize; height:30px; background: url('../img/sort.png') no-repeat 2px 6px; display:block; line-height:30px; padding:0 0 0 30px; float:left;}
.forms-documents td a{line-height:30px; }


/* pop box */
.pop_box{display: none; margin-left: -150px; margin-top: 1px;padding: 15px; position: absolute; z-index: 200; border: 1px solid white; color: white; background: none repeat scroll 0 0  #55AEDC; margin-left: -160px; margin-top: 0;padding: 15px 10px 15px 15px;}
.pop_box .blue_label { background: #56AEDC;  color: white !important;  text-decoration: none;  text-transform: uppercase;  WHITE-SPACE:nowrap;  height: 16px;  line-height:18px;  padding: 0px 8px 1px 8px;  margin: -33px -11px;  float: right;  border-top: 1px solid white;  border-right: 1px solid white;  border-left: 1px solid white;}
.pop_box input {width: 210px; margin-bottom: 5px; font-size: 10px; height: 12px;}
.pop_box .breadcrumbBox {margin: 0px 0px 8px 0px;  padding-bottom: 10px;  border-bottom: 1px dotted #ffffff;  margin-right: 15px;}

.pop_box.properties{ margin-left: -178px; margin-top: 0px; width: 230px;
					/* IE7 */ //width: 280px; //margin-left: -310px; //margin-top: 17px;
}