/*********************************************
*	Column Chooser *
**********************************************/

.ish-columnchooser-title {
	font-weight: bold;
    font-size: 13px;
    color: #215868;
	font-family:arial;
}

.ish-columnchooser-button-pane {
    margin: 1em 0 1em;
}

.ish-columnchooser-text {
    font-size: 12px;

	font-family:arial;
}

.columnchooser-background {
    background-color:#FFFBDF;
}

/*********************************************
*	EVENTUALLY this will control the JQGrid list table widths *
**********************************************/
.listdiv  {

	width: 940px;
}

/*********************************************
*	Actions drop down list style *
**********************************************/
.actions_dd {
    border: 1px solid #999999;
    background-color: #FFFF33;	
    -moz-border-radius:.2em; 
	-webkit-border-radius:.2em;
}

/*********************************************
*	buttons on the page *
**********************************************/

label.navigation_menu_button {
	font-size: 12px;
	font-family:arial;
	font-weight:bold;
	color:#254117;
 }

label.navigation_button:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

/*********************************************
*	Form used for holding sections within ADMIN edit pages
**********************************************/

.green_box_form{
	border-width:1px;
 	border-style:solid;
 	border-color:#60d030;
 	background:#F8F8F8;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
}

.well-green_box {
	width: 97% !important;
	margin: 0 auto !important;
	min-height: 20px;
	padding-top: 5px !important;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #f5f5f5;
	border: 1px solid #60d030;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(34,124,4,.5);
	-moz-box-shadow: 0 5px 10px rgba(34,124,4,.5);
	box-shadow: 0 5px 10px rgba(34,124,4,.5)
}

/*********************************************
*	Form used for displaying multiple select options within edit pages
**********************************************/
.grey_box_form{
	border-width:1px;
 	border-style:solid;
 	border-color:#707070;
 	background:#F8F8F8;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
}

.well-grey_box {
	width: 97% !important;
	margin: 0 auto !important;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #F7F4F4;
	border: 1px solid #707070;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
		
}

.well-darkgrey_box {
	
	
	
	min-height: 20px;
	
	margin-left: -3px !important;
	margin-right: 5px !important;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #f3f3f1;
	border: 1px solid #707070;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
	
	
	
	
		
}

.well-dark_grey_box {
	width: 100% !important;
	
	
	color:#fff;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #8C8A8A;
	border: 1px solid #707070;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
		
}

/*********************************************
*	Form used for holding sections within SMDB edit pages
**********************************************/
.blue_box_form{
	border-width:1px;
 	border-style:solid;
 	border-color:#6A8A87;
 	background:#FCFCFC;
 	width: 960;
	-moz-border-radius: .2em; 
	-webkit-border-radius: .2em;
}
.well-blue {
	width: 97% !important;
	margin: 0 auto !important;
	min-height: 20px;
	padding: 19px !important;
	margin-bottom: 10px !important;
	background-color: #f5f5f5;
	border: 1px solid #6A8A87;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(11,122,191,.5);
	-moz-box-shadow: 0 5px 10px rgba(11,122,191,.5);
	box-shadow: 0 5px 10px rgba(11,122,191,.5)
	
}

.blue_box_form_noborder{
	width: 97% !important;
	margin: 0 auto !important;
	border-width:1px;
 	border-style:hidden;
 	border-color:#6A8A87;
 	margin-bottom: 10px !important;
 	background:#FCFCFC;
 	width: 960;
	-moz-border-radius: .2em; 
	-webkit-border-radius: .2em;
}

/*********************************************
*	Form used for Filters *
**********************************************/

.filter_box_form{
	border-width:1px;
 	border-style:solid;
 	border-color:#60DFF0;
 	background:#F7F4F4;
	-moz-border-radius:.2em; 
	-webkit-border-radius:.2em;
}

.well-gray {
	width: 97% !important;
	margin: 0 auto !important;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #F7F4F4;
	border: 1px solid #60DFF0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
	
}


/******************************
 * Form used for Action boxes *
 *****************************/
 .action_box_form{
 	
 	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #FCFAE0;
	border: 2px solid #CC6600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(252,127,2,.5);
	-moz-box-shadow: 0 5px 10px rgba(252,127,2,.5);
	box-shadow: 0 5px 10px rgba(252,127,2,.5)
  }

.well-orange {
	width: 97% !important;
	margin: 0 auto !important;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #FCFAE0;
	border: 1px solid #CC6600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(252,127,2,.5);
	-moz-box-shadow: 0 5px 10px rgba(252,127,2,.5);
	box-shadow: 0 5px 10px rgba(252,127,2,.5)
	
}

.well-noborder {
	width: 97% !important;
	margin: 0 auto !important;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px !important;
	background-color: #FFFEF8;
	border: 0px solid #CC6600;
}

.action_button_pane {
    margin: 15px 0 0 0;
    padding-left: 15pt;
}

 .action_box_small_form{
 	border-width:1px;
	border-style:solid;
 	border-color:#CC6600;
    padding: 0;
    margin: 0 0 0 0;
 	overflow: auto;
 	background:#FFFEF8 ;
	-moz-border-radius:.2em; 
	-webkit-border-radius:.2em;
 }

/************************
 * Required red star   *
 ************************/
.required
{
color:red;
font-size:12px;
font-weight: bold;
font-family: arial;
font-size: 20px;
align:top;

padding-right:1px;
padding-left:4px;
text-decoration: none;

 }
 
 /****************/
/*FONT SIZE*/
/****************/
.morebiggestfont {
	font-size:40px;
 }
.biggestfont {
	font-size:32px;
 } 

.hugefont {
	font-size:27px;
 } 
 
.giganticfont {
	font-size:24px;
 }  

.giantfont {
	font-size:22px;
 } 


.biggerfont {
	font-size:20px;
 } 

.bigfont {
	font-size:18px;
 } 
 
.largefont {
	font-size:16px;
 } 

.mediumfont {
	font-size:14px !important;
 } 

.smallfont {
	font-size:12px;
 } 

.tinyfont {
	font-size:10px;
 } 

/****************/
/*FONT COLOR*/
/****************/

.whitefont {
	font-family:arial;
	color:#ffffff;
 } 

.greenfont {
	font-family:arial;
	color:#4AA02C;
 } 

.darkgreenfont {
	font-family:arial;
	color:#336600;
 } 
 
 .linkgreenfont{
 	color: #279302;
 }
 .linkgreenfont:hover{
 	color: #1D6B04;
 	text-decoration: underline;
 }
.orangefont {
	font-family:arial;
	color:#984806;
 }
 
 .darkorangefont {
 	color: #E56717;
 }
 
.redfont {
	font-family:arial;
	color:#FF0000;
 } 
 
 .SoftMouseredfont{
 	font-family: arial;
 	color: #c42e05;
 }
 .smred{
	color: #d5504d;
}
 .SoftMousebluefont{
 	font-family: arial;
 	color: #4f83c0;
 }
  
.darkredfont {
	font-family:arial;
	color:#700000;
 } 
 
.plumfont {
	font-family:arial;
	color:#FF0000;
 }
 
.bluefont {
	font-family:arial;
	color:#215868;
 }
 
.darkbluefont {
	font-family:arial;
	color:#000066;
 }  
 
.midnightbluefont {
	font-family:arial; 
	color:#151B54;
 }  
 
.brightbluefont {
	font-family:arial;
 	color: #0000FF;
  }
.tealfont {
	font-family:arial;
	color:#336699;
 }
 
.purplefont {
	font-family:arial;
	color:#800080;
 } 
 
.blackfont {
	font-family:arial;
	color:#000000 !important;
 } 

.greyfont {
	font-family:arial;
	color:#707070;
 } 
 
.lightgreyfont {
	font-family:arial;
	color:#ddddcc;
 }

.darkgreyfont {
	font-family:arial;
	color:#4C4646;
 } 

.yellowfont {
	font-family:arial;
	color:#FFFF00;
 } 

.custompropertiesfont {
	font-family:arial;
	color:#336699;
	text-decoration: underline;
	
 }
 

/****************/
/*FONT DECORATION*/
/****************/
.bold {
	font-weight:bold;
 } 
 
 .italic {
 font-style: italic;
 } 
  
 .underline {
 font-style: underline;
 }
 
.aligncenter {
	text-align: center;
 } 

.alignleft {
	text-align: left;
 } 

.alignright {
	text-align: right;
 } 

.big_topspacing {
   padding-top: 10pt;
   padding-bottom: 0pt;
   margin-top: 3pt;
   margin-bottom: 1pt;
   } 

.topspacing {
   padding-top: 5pt;
   padding-bottom: 0pt;
   margin-top: 3pt;
   margin-bottom: 1pt;
   } 

.betweentablespacing {
   padding-top: 5pt;
   padding-bottom: 0pt;
   margin-top: 3pt;
   margin-bottom: 8pt;
   } 
   
.spacingsmall {
   padding-left: 5pt !important;
   } 
.spacingsmallcheck {
   margin-left: 15px !important;
   
   }    
.spacingmedium {
   padding-left: 20pt;
   } 
 
.spacinglarge {
   padding-left: 50pt;
   } 

.widthleft {
   width:400;
   } 

.mv-boli {
	font-family:MV Boli;
   } 


/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.FORM {
	background-color: #E5E5E5;
	text-align:left;
	text-decoration:none; 
	color:#000000;
	width:900;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM {
	color: #FFFFFF;
	background-color: #f47c20;
		background-color: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background-color: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	text-align:left;	
	font-weight: bold;
	font-family: arial;
	padding-top: 0;
	font-size: 11pt;
}

/********************************
 * background color of the form *
 *******************************/
TD.FORM {
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 5px;
	font-size: 10pt;
}

TH.FORM TR TD {
	color: #000000;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
	padding-top: 0;
	font-size: 10pt;
}

/**************************************
 * background color of the form title for Account Payment *
 *************************************/
TH.FORM1 {
	color: #FFFFFF;
	background-color: #48A023;
		background-color: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background-color: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	text-align:left;	
	font-weight: bold;
	font-family: arial;
	padding-top: 0;
	font-size: 11pt;
}

/********************************
 * background color of the form for Account Payment *
 *******************************/
TD.FORM1 {
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 5px;
	font-size: 10pt;
}

TH.FORM1 TR TD {
	color: #000000;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
	padding-top: 0;
	font-size: 10pt;
}


/**************************************
 * FORM2 used for highlight sorted column header *
 *************************************/
TH.FORM2 TR TD {
	color: #FFFF00;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
}

TD.FORM2 {
	background-color: #FFFFFF;
}


 /***********************************************
 * color of the thin line surrounding the form *
 **********************************************/ 
TABLE.FORM3 {
	background-color: #217873;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM3 {
	color: #FFFFFF;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
}

/********************************
 * background color of the form *
 *******************************/
TD.FORM3 {
	background-color: #FFFFFF;
	padding-left: 10px;
}


TABLE.FORM4 {
	background-color: #217873;
	margin-top: 0;
	border:1px #0986C8 solid;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM4 {
	color: #FFFFFF;
	background-color: #217873;
	
	font-family: arial;
	margin-top: 0;
}

/********************************
 * background color of the form *
 *******************************/
TD.FORM4 {
	background-color: #FFFFFF;
	padding-left: 10px;
	margin-top: 0;
	
}


 /*******************************
 *  background color to use to *
 *  display the errors         *
 ******************************/ 
TD.ERROR {
	background-color: #CC0000;
}
/**/
/**/
/**/



/******************/
/*Calendar classes  -- don't think we use this but it is in a javascript.js file so maybe?? */
/******************/
TD.CALENDRIER {
	color: #336699;
	background-color: #C2C2C2;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}

A.CALENDRIER {
	text-decoration: none;
	font-size: 10px;
	color: #116666;
}

.CALENDARBORDER {
	background-color: #116666;
}

.CALENDARTITLE {
	background-color: #116666;
}

.CALENDARWEEK {
	background-color: #FFFFFF;
}

.CALENDARWEEKEND {
	background-color: #FFF4E5;
}

.CALENDARSELECTED {
	background-color: #FF8F01;
}



/****************/
/* Other common styles */
/****************/

.button-panel {
	float: right;	
}

.modbutton-panel{
	float: right;
	padding-top: 140px;
}

form.filter-form select {
    width: 150px;
}

/****************/
/* Cage Info */
/****************/

div.ish-filter {
    margin: 1em 0 1em 0;
}

div.ish-filter div.search-results-box {
	max-height: 300px;
	margin: .5em 0 .5em 0;
}

.message {
	color: red;
}

/****************/
/* Cage Info */
/****************/

div.cage-select {
	padding: 0.5em 0 0.5em 0;
}
div.cage-select .cage-info {
	overflow: auto;
	width: 100%;
}

.cage-select .head {
	float: left;
	padding: 0.5em;
	width: 4em;
	text-align: center;
}

.cage-select .body {
	float: left;
	padding: 0.5em;
	border-width: 0 2px 0 2px;
	border-style: solid;
    border-color: white;
}

.cage-select .tail {
	float: left;
}

.cage-select .tail .button {
    display: block;
    width: 5em;
    margin: 0 0 0.1em 0.5em;
}

.cage-select .cage-notify {
	padding: 0.5em;
}

.cage-select .cage-notify ul {
    display: inline-block;
    padding: 0.25em;
    margin: 0;
    list-style-position: inside;
}

.cage-select .cage-notify ul li {
    color: red;
    padding: 0 0 0 0.75em;
}

.cage-select .head .sid {
	font-size: 1.5em;
}

.cage-select .head .sid-label {
	font-size: 0.75em;
}

.cage-select .head .select-new {
	color: blue;
	font-size: 0.85em;
	padding: 1px 5px;
}


.cage-select label.cage-location {
	display: inline-block;
	width: 4.5em;
	font-weight: bold;
}

.cage-select label.cage-type, .cage-select label.cage-tag {
	display: inline-block;
	width: 2.5em;
	font-weight: bold;
}

.cage-select select {
	width: 9.5em;
}

/**
* Cage Assignment Table
*/
#cageAssignmentTable td.group-size {
	font-weight: bold;
	padding: 0.35em;
}


/**
* Mouse Table 
*/
#mouseTable td.cage-info {
	font-weight: bold;
}

#mouseTable td.male-cell-back-color {
	color: #153E7E;
}

#mouseTable td.female-cell-back-color {
	color: #7E2217;
}

#mouseTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#mouseTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}

/**
* End Mouse Table 
*/

#mouseTableEnd td.end-page {
	font-weight: bold;	
	font-size: 1.2em;
	color: #0000FF;

}
/**
* Wean Mouse Table 
*/

#mouseTableWean td.wean-date {
	font-weight: bold;	
	font-size: 1.2em;
	color: #0000FF;
}

#mouseTableWean td.male-cell-back-color {
	color: #153E7E;
}

#mouseTableWean td.female-cell-back-color {
	color: #7E2217;
}

#mouseTableWean tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#mouseTableWean tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}


/**
* parentTable 
*/
#parentTable td.male-cell-back-color {
	color: #153E7E;
}

#parentTable td.female-cell-back-color {
	color: #7E2217;
}

#parentTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#parentTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}

/**
* pupTable 
*/
#pupTable td.male-cell-back-color {
	color: #153E7E;
}

#pupTable td.female-cell-back-color {
	color: #7E2217;
}

#pupTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#pupTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}

/**
* miceTable 
*/
#miceTable td.male-cell-back-color {
	color: #153E7E;
}

#miceTable td.female-cell-back-color {
	color: #7E2217;
}

#miceTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#miceTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}


/**
* litterTable 
*/
#litterTable td.male-cell-back-color {
	color: #153E7E;
}

#litterTable td.female-cell-back-color {
	color: #7E2217;
}

#litterTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#litterTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}


/**femalemouseTable

*/

#femalemouseTable td.male-cell-back-color {
	color: #153E7E;
}

#femalemouseTable td.female-cell-back-color {
	color: #7E2217;
}

#femalemouseTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#femalemouseTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
	
}	
/**maleTable
*/
	
#maleTable td.male-cell-back-color {
	color: #153E7E;
}

#maleTable td.female-cell-back-color {
	color: #7E2217;
}

#maleTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#maleTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;

}	
/**
* litterMatingTable 
*/
	
#litterMatingTable td.male-cell-back-color {
	color: #153E7E;
}

#litterMatingTable td.female-cell-back-color {
	color: #7E2217;
}

#litterMatingTable tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}


#litterMatingTable tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}

#litterMatingTable td.future {
	color: #000000;
	font-weight: bold;	
	font-size: 1.2em;
}

#litterMatingTable td.past {
	color: #FF0000;
	font-weight: bold;	
	font-size: 1.2em;
}

#litterMatingTable td.today {
	color: #008000;
	font-weight: bold;	
	font-size: 1.2em;
}

/**
* Mating History 
*/
#matingHistoryTable td.bold {
	font-weight: bold;
}

/**
* Mating Table 
*/
#matinglist_table td.cage-info {
	font-weight: bold;
}

#matinglist_table td.male-cell-back-color {
	color: #153E7E;
}

#matinglist_table td.female-cell-back-color {
	color: #7E2217;
}

#matinglist_table tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#matinglist_table tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}



/**
* Mating Disband 
*/
#disbandmatinglist_table td.cage-info {
	font-weight: bold;
}

#disbandmatinglist_table td.male-cell-back-color {
	color: #153E7E;
}

#disbandmatinglist_table td.female-cell-back-color {
	color: #7E2217;
}

#disbandmatinglist_table tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#disbandmatinglist_table tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}

#disbandmatinglist_table td.disband-page {
	font-weight: bold;	
	font-size: 1.2em;
	color: #0000FF;

}


/**
* Litter Table 
*/
#litter_table td.cage-info {
	font-weight: bold;
}
#litter_table td.male-cell-back-color {
	color: #153E7E;
}

#litter_table td.female-cell-back-color {
	color: #7E2217;
}

#litter_table tr:hover td.male-cell-back-color {
	background-color: #D9D7D7;
}

#litter_table tr:hover td.female-cell-back-color {
	background-color: #D9D7D7;
}


#litter_table td.future {
	color: #000000;
	font-weight: bold;	
	font-size: 1.2em;
}

#litter_table td.past {
	color: #FF0000;
	font-weight: bold;	
	font-size: 1.2em;
}

#litter_table td.today {
	color: #008000;
	font-weight: bold;	
	font-size: 1.2em;
}

/**
* Breeder Table cage
*/
#breederlist_table td.cage-info {
	font-weight: bold;
}


/**/
/**/

/*LULU*/

#title {
	padding: 0 0 0 8px;	
}

h2 {
	margin: 0;
	color: #000000;
     	font-size: 13px;
}


h3 {
	
margin: 0;
color: #ffffff;
font-size: 11px;
}

#admin_orangebox{
width:960px;
height:23px;

}

.admin_orangeboxleft{
width:9px;
height:23px;
float:left;
background:url(../images/orangebox_left.gif) no-repeat center;
}

.admin_orangeboxright{
width:9px;
height:23px;
float:left;
background:url(../images/orangebox_right.gif) no-repeat center;
}


.admin_subtitle {
float:left; 
margin:0; 
padding-top:3px;
height:23px;
background: url(../images/orangebox_bg.gif) repeat-x;
width:942px;
}

img
{  border-style: none;
}


table.top5table td {
	border-style: dotted;
    border-color: #984806;
    width: 186px;
    align: center;
}

/*  Class for "anchorButtons" function */
.fixed {
	z-index: 50000; 
    position: fixed;   
    top: 2px;
}
.fixeddd{
	z-index: 50000; 
    position: fixed;   
    top: 2px;
	width: 200px !important; 
	z-index: 99999 !important;
}




/* ------------------
  REMOVE EVENTUALLY
  
  Move table
  Eventually we can get rid of these once move table is using JQGrid 
 * ------------------   
 */
.move-table
{
    font-family: arial;
    font-size: 12px;
    margin: 3px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.move-table caption
{
    color: #ff6600;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
}

.move-table caption span
{
    color: black;
}

.move-table  th
{
    font-size: 12px;
    font-weight: normal;
    padding: 8px;
    background: #116666;
    border-top: 2px solid #aabcfe;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    color: #ffffff;
}

.move-table td
{
    background: #e8edff; 
    border-left: 1px solid #ffffff;
    color: #000000;
    border-top: 1px solid transparent;
}

.move-table td.begin-group {
    padding-top: 8px;
}
	
.move-table td.end-group {
    padding-bottom: 8px;
    border-bottom: 1px solid #ffffff;   
}
/*
.move-table tr:hover td
{
    background: #d0dafd;
    color: #339;
}
*/
/* ------------------
 * 
 REMOVE EVENTUALLY
 
 Note: Use of id prevents multiple tables of such style on the same page.
 * Consider changing this to class-based style. 
 *
 * Tables on List pages classes
 
  Eventually we can get rid of these once all tables are using JQGrid in SMDB part
 * ------------------   
 */

#list_table 
{
	font-family: arial;
	font-size: 12px;
	margin: 3px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#list_table caption
{
	color: #ff6600;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
}

#list_table caption span
{
    color: black;
}

#list_table  th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #53868B;
	border-top: 2px none;
	border-bottom: 2px none;
	border-left: 2px none;
	color: #ffffff;
	text-align:left;
	height:30px;
}


#list_table  td
{
	padding:2px;
	background: #e8edff; 
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #ffffff;
	color: #000000;
	border-top: 1px solid transparent;
	height: 22px;	
	font-size:12px; 
	border-collapse: collapse; 
	margin: 3px;
}

#list_table  tr:hover td
{
	background: #d0dafd;
	color: #339;
}


/* ------------------
   * REMOVE EVENTUALLY
   
   Tables on login page 
   Eventually we can get rid of these once deprecation issue has been resolved*
   ------------------   */
#login_table
{
	max-width: 100%;
	align: center;
	cell-padding: 0;
	cell-spacing: 0;
	border: 0;
	text-align: center
}

#login_menu_table
{
	width: 930px;
	height: 40px;
	align: center;
	cell-padding: 0;
	cell-spacing: 0;
	border: 3;
	bordercolor: #FFFFFF;
	text-align: left;
}

/**************************************
 *   REMOVE EVENTUALLY
 Once deprecation issue is resolved we can remove this   *
 *************************************/
a.menuLink:link {
	font: 13px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF
}

a.menuLink:visited {
	font: 13px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF
}

a.menuLink:hover {
	font: 13px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FDD017
}



/****************/
/*Suggest styles   DO WE NEED THESE??*/
/****************/
div.suggestionList {
	z-index: 500;
	position: absolute;
	width: 150px;
	border: 1px solid #333333;
	background-color: #ffffff;
	font-family: arial;
	font-size: 12;
	cursor: default;
	visibility: hidden;
}

div.suggestionList_element_off {
	width: 148px;
	background: #ffffff;
	color: #333333;
	padding-left: 2px;
}

div.suggestionList_element_on {
	width: 148px;
	background: #6D99C6;
	color: #ffffff;
	padding-left: 2px;
}
.vspacetop {
	margin-top: -70px
}

.signout_background {
	background: url(../images/background14.jpg) repeat-x
}

.stepsdemobluefont {
 font-family: arial;
 color: #00b0f0
}
.form-control{
	height:25px !important;
}

.input-rd-style{
	background: #F5F5F5 !important;
	border: none !important;
	box-shadow: none !important;
	height: 25px !important;
	cursor: pointer !important;
}
.control-label{
	text-align: right; !important;	
}
.textalignright{
	text-align: right; !important;
}

.img-responsive {
 display: block;
 height: auto;
 max-width: 100%;
 margin: 0 auto;
}
.strainclass{
	height:130px !important; width: 200px !important; overflow-y: scroll !important; border: 1px solid #CCC89E;
}
.associatedstrainclass{
	height:130px !important; width: 200px !important; overflow-y: scroll !important; border: 1px solid #CCC89E;
}
.formcontrolstraint{
	width: 90% !important;
	height:24px !important;
	float: right !important;
}
.Genotypeclass{
	height:70px !important; width: 100% !important; overflow-y: scroll !important; border: 1px solid #CCC89E;
}
.Genotypecheckboxpadding{
	padding-right: 7px;
}
.btn{
	text-decoration: none !important;
}
.btn:hover{
	text-decoration: underline !important;
}
.form-control-strain{
	margin-left: 5px !important;
	width:140px;
	height:24px;
	font-size:14px;
	color:#555555;
	line-height:1.428571429;
	background-color:#ffffff;
	background-image:none;border:1px solid #cccccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	
.form-control-strain:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}
	
.form-control-phisical_tag{
	margin-left: 10px !important;
	width:70px;
	height:25px;
	font-size:14px;
	color:#555555;
	line-height:1.428571429;
	background-color:#ffffff;
	background-image:none;border:1px solid #cccccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	
.form-control-phisical_tag:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}

input.date_picker {
	width:80px;
	height:25px;
	font-size:14px;
	color:#555555;
	line-height:1.428571429;
	background-color:#ffffff;
	background-image:none;border:1px solid #cccccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input.date_picker[disabled]{
	background-color: #EEEEEE;
    cursor: not-allowed;
}
input.date_picker:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.alertsavemsg
{
	width: 99.5% !important;
	margin-left: 3px !important;
	margin-right: 5px !important;
	
	
	padding: 19px;
	
	
	height: 30px !important;
	font-size: 14px;
	line-height: 2px !important;
	background-color: #246001 !important;
	color: #fff !important;
}

/*********Password check for registration page*************/

span.hint {
	font:normal 11px/14px Arial;
	background:#eee url(../images/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	position:absolute;
	margin: -28px 0 0 205px;
	display:none;
	z-index: 9999;
}


fieldset.welldone span.hint {
	background:#9fd680 url(../images/bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(../images/bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}


fieldset.welldone {
	background:transparent url(../images/bg-fieldset-welldone.gif) no-repeat 194px 19px;
}
fieldset.kindagood {
	background:transparent url(../images/bg-fieldset-kindagood.gif) no-repeat 194px 19px;
}

.table-bordered{border:1px solid #dddddd;}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr,
.table-bordered>tfoot>tr>th
{
	border:1px solid #dddddd !important;
}

.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border:0px solid #dddddd !important;
}

/******Years for pricing plan and Edit Account*******/
  .badge {
  background-color: #47A447 !important;
  color:#FF8C00;
  font-size: 16px !important;
  font-weight: normal !important;
  }

  .pricingbadge {
  background-color: #1C1C1C !important;
  color:#fff;
  font-size: 16px !important;
  font-weight: normal !important;
  }

.pricingbadge-orange {
  background-color: #ff9600 !important;
  color:#fff;
  font-size: 16px !important;
  font-weight: normal !important;
  }

.list-group{
	
	margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    width:100% !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(34,124,4,.5);
	-moz-box-shadow: 0 5px 10px rgba(34,124,4,.5);
	box-shadow: 0 5px 10px rgba(34,124,4,.5);
	
	
}

.list-group-current{
	background-color: #fcfda8 !important;
	margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    width:100% !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(34,124,4,.5);
	-moz-box-shadow: 0 5px 10px rgba(34,124,4,.5);
	box-shadow: 0 5px 10px rgba(34,124,4,.5);
	
	
}


.list-group-item{
	
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: transparent !important;
	/*background-color: #fcfda8;*/
	border: 0px solid #60d030;
	line-height:5px;
	font-size:14px;	
}


.nobordertop{
	border-top: 0px !important;
	border-bottom: 0px !important;
}

.bordertop{
	border-top: 1px solid #1E78FF !important;
	border-bottom: 0px !important;
}
.bordertop-bold{
	border-top: 3px solid #000 !important;
	border-bottom: 0px !important;
}

  ul.list-group.col-lg-2 > li {
  text-align: center;
  }
  
  ul.list-group.col-lg-2 > li.list-group-item:first-child{
  	background-color: #1E78FF;
  	font-size: 16px;
  	color: #fff;
  	font-weight: bold;
}
.firstchildbasic{
  	background-color: #1E78FF !important;
  	color: #fff;
  	font-size: 16px;
  	font-weight: bold;
  	line-height: 17px;
}
.list-group-item-firstchild{
	list-style: none;
	background-color: #47A447 !important;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.list-group-item-badge{
	list-style: none;
	background-color: #1C1C1C !important;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.list-group-item-badge-orange{
	list-style: none;
	background-color: #ff9600 !important;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

/******Years for pricing plan*******/
.oneyear{
	margin-left: 0px; 
	white-space: nowrap; 
	font-size: 14px;
}
.twoyears{
	margin-left: 0px; 
	white-space: nowrap; 
	font-size: 14px;
}
.threeyears{
	margin-left: 0px; 
	white-space: nowrap; 
	font-size: 14px;
}

.singleyearPrice{
	margin-left: 0px; 
	font-size: 20px;
	font-weight: bold;
}

.yearPrice{
	margin-left: 50px; 
	font-size: 14px;
}
.yearPrice-bold{
	margin-left: 50px; 
	font-size: 14px;
	font-weight: bold;
}
.saveprice{
	margin-left: 90px; 
	color: red;
}
/***********table pretty**********/

table.altrowstableorange {
	font-family: arial,verdana,sans-serif;

	color:#333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
	box-shadow: 5px 5px 5px #888888;
}
table.altrowstableorange th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	color: #fff;
	background-color: #FC8200;
	font-size:16px;
}
table.altrowstableorange td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	font-size:14px;
}
.oddrowcolor{
	background-color:#d4e3e5;
}
.evenrowcolor{
	background-color:#c3dde0;
}

.shadow{
	box-shadow: 5px 5px 5px #888888;
}	
/********Bootstrap Modal***********/
.modal.modal-wide .modal-dialog {
  width: 100% !important;
}
.modal-wide .modal-body {
  overflow-y: auto !important;
  
}
/********/Bootstrap Modal***********/
.padding-buttom {
	padding-bottom: 15px
}

input.pplaceholder::-webkit-input-placeholder, textarea.pplaceholder::-webkit-input-placeholder {
	color: red
}
input.pplaceholder::-moz-placeholder, textarea.pplaceholder::-moz-placeholder {
	color: red
}
input.pplaceholder:-ms-input-placeholder, textarea.pplaceholder:-ms-input-placeholder {
	color: red
}
.tip{
	margin-bottom: 0px !important;
}

.smimgv1{
	background-image:  url(../images/SoftMouseV1.2.1-thumb.png);
	background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 350px;
    height: 299px;
    
}
.smimgv1:hover{
	background-image:  url(../images/SoftMouseV1.2.1.png);
	width: 450px;
    height: 384px;
}

.smimgv2{
	background-image:  url(../images/SoftMouseV2.2.1-thumb.png);
	background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 350px;
    height: 295px;
    
}
.smimgv2:hover{
	background-image:  url(../images/SoftMouseV2.2.1.png);
	width: 450px;
    height: 379px;
}


.smimgv3{
	background-image:  url(../images/SoftMouseV3.2.1-thumb.png);
	background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 350px;
    height: 370px;
    
}
.smimgv3:hover{
	background-image:  url(../images/SoftMouseV3.2.1.png);
	width: 450px;
    height: 475px;
}

.smimgv4{
	background-image:  url(../images/SoftMouseV3mobile.1-thumb.png);
	background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 330px;
    height: 422px;
    
}
.smimgv4:hover{
	background-image:  url(../images/SoftMouseV3mobile.1.png);
	width: 450px;
    height: 576px;
}

.smimgv5{
	background-image:  url(../images/research_continuity_03-thumb.png);
	background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: 350px;
    height: 176px;
    
}
.smimgv5:hover{
	background-image:  url(../images/research_continuity_03.png);
	width: 450px;
    height: 226px;
}

.mailinglist-well{
	
	border: 1px solid #707070;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
}

.noshadow-well{
	border: 1px solid #707070;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.mailinglist{
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.underline{
	text-decoration: underline;
}


/*tabs css */

/* custom inclusion of right, left and below tabs */
.nav-tabs > li.active{
	background-color: transparent;  
}
.nav-tabs > li > a,
.nav-tabs > li:hover,
.nav-tabs > li:focus {
    background-color: #EAE8E8;   
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #FDDDA0 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}


.tabs-left > .nav-tabs {
  float: left;
  margin-right: 25px;
  border-right: 1px solid #ddd;
  background: #f5f5f5;
  overflow-y: scroll;
  height: 500px;
  
  
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}


.contentdiv{
	background: #fff; 
	padding: 20px 10px; 
	height: 500px; 
	overflow-y:scroll;
}

/* End tabs css  */

/* Tooltip */

.free .tooltip {
  background: #E0E0E0;
  bottom: 100%;
  color: #000;
  display: block;
  left: -30px;
  margin-bottom: -120px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 220px;
  z-index:9999999 !important;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}


.free .tooltip:before {
  bottom: 80px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  


.free .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid #E0E0E0 10px;
  top: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
  
.free:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .free .tooltip {
  display: none;
}

.lte8 .free:hover .tooltip {
  display: block;
}
/* Tooltip End */



/* freeb tooltip */

.freeb .tooltip {
  background: #E0E0E0;
  bottom: 100%;
  color: #000;
  display: block;
  left: -30px;
  margin-bottom: -120px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 220px;
  z-index:9999999 !important;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}


.freeb .tooltip:before {
  bottom: 80px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  


.freeb .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid #E0E0E0 10px;
  top: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
  
.freeb:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .freeb .tooltip {
  display: none;
}

.lte8 .freeb:hover .tooltip {
  display: block;
}
/* Tooltip End */








.blockUI.blockOverlay{
	cursor: help !important;
	background-color: #fff !important;
	opacity: .3 !important;
	filter: alpha(opacity=50) !important;
	width:300px;
	
}

.alert{
	font-size: 1.3em;
    padding: 1em;
    white-space: wrap;
    width: auto;
    word-wrap: normal;
}

.marginbrand{
margin-left: 120px !important;
}

.indicates-required {text-align:left; font-size:11px; margin-right:4%; color: #fff;}

.container_New {
    width: auto;
    margin-left: 250px;
    margin-right: 250px;
  }

.wrapperf        {width:80%;height:100%;margin:0 auto;background:#CCC}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}



@media ( max-width :992px) {

	.Genotypeclass{
		height:60px !important;
	}
	span.hint {
		margin: -28px 0 0 120px;
	}

}
@media ( max-width :1200px) {
	.Genotypeclass{
		height:60px !important;
	}
}
@media (min-width: 1100px) {
.borderleft{
	border-left: 1px solid #000;
}
	
}


@media screen and (max-width: 960px) {

.free .tooltip {
  left: -5px;
  margin-bottom: 15px;
  padding: 20px;
}


.free .tooltip:after {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  border-bottom: 0px;
}  


.free .tooltip:before {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #E0E0E0 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
	
.marginbrand{
	margin-left: 0px !important;
}
	
.navbar-nav > li > a {
    line-height: 5px !important;
}
	
#universal_menu {
	height:100%;
}

}

@media screen (max-width: 768px) {

.marginbrand{
	margin-left: 0px !important;
}

#universal_menu {
	height:100%;
}
.free .tooltip {
  left: -5px;
  margin-bottom: 15px;
  padding: 20px;
}


.free .tooltip:after {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  border-bottom: 0px;
}  


.free .tooltip:before {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid #E0E0E0 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
	

}