/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
    font-variant: normal;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
   /*original: width: 1260px;*/
    width: 1560px; /*gv-12.18.2012: modified to extend width */
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #666699;
    width: 100%;
    top: 0px;
    left: 0px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 48px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* Nav list on top
----------------------------------------------------------*/
.progressMenu {
	margin: 10px 0 0 125px;
	padding: 0;
	list-style: none;
}
.progressMenu li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.progressMenu a {
	padding: 1px 5px 1px 3px;
	display: block;
	color: White; /*#000000;*/
	/*width: 185px;*/
	height: 13px;
	text-decoration: none;
	font-size:small;
	font-weight:normal;
	font-family: Calibri;
	z-index: -1;
	background: url(../images/buttonOrange.gif) no-repeat center center;
}

.progressMenuSelected a {
	background: #5B5589;
	font-weight: bolder;
}

.progressMenu li em {
	background: url(../images/hover.png) no-repeat;
	width: 180px;
	height: 75px;
	position: absolute;
	top: -85px;
	left: -45px;
	text-align: center;
	padding: 10px 2px 8px;
	font-style: normal;
	z-index: -1;
	display: none;
}

.MainNav{}
.schedulesNav{}
.itemI{}
.itemC{}
.itemS{}
.itemA{}
.itemG{}
.itemP{}
.itemPR{}
.itemPS{}
.itemSS{}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    z-index: 2;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
    z-index: 2;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.subHead
{
    color:Purple;
    font-style: italic;
    font-size: 1.1em;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.detailLabel
{   
    font-weight: bolder;
    color: #003399;
}

.buttons 
    {
        background-color: #999999;
        text-decoration: none;   
        font: 9pt Verdana;
    }


/*.slidingDiv {  
    height:200px;  
    background-color: #99CCFF;  
    padding:20px;  
    margin-top:10px;  
    border-bottom:5px solid #3399FF;  
}  

.highlightDiv {  
    background-color: #99CCFF;  
    padding:0px;         
    font-size: small;
} */ 

.show_hide {  
     display:none;  
} 

.mildInstruction
{
    font-size: x-small;
    color: Purple;
   /* font-style: oblique;*/
   font-weight: bolder;
}

.stepInstruction
{
    font-size: medium;
    color: Maroon;
   /* font-style: oblique;*/
   font-weight: bolder;
}

.Instruction
{
    font-size:small;
    color: Navy;
    font-variant: small-caps;
   /* font-style: oblique;*/   
   font-weight: bolder;   
   }

.Message
{
    font-size: 15px;
    color:Black;    
   /* font-style: oblique;*/   
   font-weight: bolder;   
   background-color: Yellow;
}

.highlight
{
    font-size: 0.9em;
    color: Black;
    background-color: #CCFF99;
    font-style: italic;
}

.smalltextbox
{
    width: 100px;
    color: Gray;    
}

Table.TableForm
{
    border:solid 2px #b7ddf2; /* #b7ddf2;  FF6600*/
    background-color: #ebf4fb; /* #ebf4fb;  FAEBD7*/
}

Table.TableForm th {
    font-size:18px;
    font-weight:bold;
    margin-bottom:8px;
    border-bottom:solid 1px #b7ddf2;
    text-align: left;
}

Table.TableForm
    td {
        padding: 4px, 4px, 0px, 4px;
        margin-left: 15px; 
        font-size:15px;
    }

Table.TableForm td input  { font-size: 15px;}
Table.TableForm td label  { font-size: 15px;}

Table.smallGroup
{
    border-style: solid; 
    border-width:thin;
}

.formButton {
    clear:both;
    width:125px;
    height:25px;
    background:#666666 url(../images/button.gif) no-repeat;
    text-align:center;
    /*line-height:31px;*/
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

.externalLink  
{ 
  background-image: url("../images/icons/minilinkOrange.gif");
  background-position: 0.4em;
  padding-left: 1.8em;
  background-repeat: no-repeat; 
}

.taskLink  
{ 
  background-image: url("../images/icons/Task1.png");
  background-position: 0.4em;  
  padding-left: 3em;
  background-repeat: no-repeat; 
  font-size: 15px;
  font-variant: normal;
  font-weight: bolder;  
}

.taskLink a
{ 
  color: #660033;
}

.tip  
{ 
  background-image: url("../images/icons/miniTip.png");
  background-position: 0.3em;
  padding-left: 1.9em;
  background-repeat: no-repeat; 
  color: Maroon;
  font-style: italic;
}

.trackbarBullets
{
  background-image: url("../images/icons/arrowGreenRight1.png");
  background-position: 0.4em;
  padding-left: 1.8em;
  background-repeat: no-repeat; 
}

.currenttrackbarBullets
{
  background-image: url("../images/icons/pin.png");
  /*background-image: url("../images/icons/pin-red.png");*/
  padding-right: 2.0em;
  background-repeat: no-repeat; 
  font-weight: bold;
  color: Maroon;
  background-position:right;
  vertical-align:text-top;
}


.associateLink
{
  background-position: 0.4em;
  padding-left: 1.8em;
}

.quickTipLink
{
  background-image: url("../images/icons/miniTip.png");
  background-position: 0.4em;
  padding-left: 2.1em;
  background-repeat: no-repeat; 
  font-size: 1.2em;  
}
.quickTipLink a 
{
    color: Maroon;    
}

.filterRow 
{
    background-color: #EE6A50;
    background-image: url("/images/icons/filter.png");
    background-repeat: no-repeat;
    padding-top: 2px;
    margin-top: 5px;
}

.topRow
{
    background-color: #E8E8E8;
}

.colhead1
{
    float:left;
    width:50%;
    height: 25px;
    background-color:#C9C8E3;
    font-size: 16px;
    color:#140F66;
}

.colhead2
{
    float:right;
    width:50%;
    height: 25px;
    font-size: 16px;
    background: #BDBCC4;
    color:White;
    color:#140F66;
}

.col1 {
    float:left;
    width:50%;
    height: 230px;
    background:#CEDCED; /*#E8E8E8;*/
    padding-top: 8px;
}

.col2 {
    float:right;
    width:50%;
    height: 230px;
    background:#D8D7E0;
    padding-top: 8px;
}

.col1new {
    float:left;
    width:50%;
    height: 220px;
    background:#EDEDD1; /*#E0E3B6;*/
    padding-top: 8px;
}

.col1newa {
    float:right;
    width:100%;
    height: 200px;
    background:#D5DAF5;/*#E3CFB6;*/
    padding-top: 8px;
}

.col2new {
    float:right;
    width:50%;
    height: 220px;
    background:#D5DAF5;/*#E3CFB6;*/
    padding-top: 8px;
}


.col2newa {
    float:right;
    width:100%;
    height: 85px;
    background:#D5DAF5;/*#E3CFB6;*/
    padding-top: 8px;
    color: Black;
    padding-left: 5px;
}

.col2newb {
    float:right;
    width:100%;
    height: 110px;
    background:#D5DAF5;/*#E3CFB6;*/
    padding-top: 8px;
 /*   border-bottom-style: solid;
    border-bottom-width: thin;*/
}

.col2newc {
    float:right;
    width:100%;
    height: 160px;
    background:#D5DAF5;
    padding-top: 8px;
}

.col2 a 
{
    font-size: 15px;
}

.row1
{
    width:100%;
    background:#C0C0C0;
    font-size: 16px;
    color: #00008B;
    float:none;
}


.rowhead
{
    width:100%;
    height: 25px;
    font-size: 16px;
    background: #C9C8E3;
    color: #140F66;
    /*white-space: nowrap;*/
}

.rowhead a
{
    float: right;    
    margin-left: 14px;
}

.disabledstyle:disabled, select[disabled] , input[disabled], div[disabled],  span[disabled], select[readonly], input[readonly]
{
  background-repeat: no-repeat;
  color:#933;
  background-color:#ffc; 
  /*background-image: url("../images/icons/unavailableIconSmall.jpg");*/
  background-position: 0.1em;
}

.requiredfield
{
    color:Red ; 
    font-weight:bold;
}

/*.occupiedCell:disabled, select[disabled], input[disabled], select[readonly], input[readonly]
{
    background-color:Gray;
    background-image: url("/images/icons/forbidden2.png");
    background-repeat:no-repeat;
    color:Black;
}*/


.tdhighlight
{
  background-color:#F39814; 
}

.tdhighlight a
{
  color:White;
}

.emHeader {    
    border-bottom: 4px solid red;
    font-size: 1.2em;
    font-weight: 600;
}

.boxHighlight 
{
    border-bottom: 1px solid #666;
    position: relative; 
    left: -0.3em; 
    bottom: -0.6em; 
    padding: 1px 0.5em; 
    margin: 0; 
    border-style: solid; 
    border-width: 1px 1px 1px 0.8em;  
    border-color: #666 #666 #666 #008;
    background-color: #BFFF00; 
    font-size: 1.2em;
    font-weight: 600;
    color: Black;
}

.smallBoxHighlight 
{
    border-bottom: 1px solid #666;
    position: relative; 
    /*left: -0.3em; 
    bottom: -0.6em; */
    padding: 1px 0.5em; 
    margin: 0; 
    border-style: solid; 
    border-width: 1px 1px 1px 0.8em;  
    border-color:  	#FF9900;
    /*background-color: #C89AD9; #666 #666 #666 #008*/
    font-size: .8em;
    font-weight: 600; 
    color: Black;
}

.mildboxHighlight 
{
    border-bottom: 1px solid #666;
    position: relative; 
    left: -0.3em; 
    bottom: -0.6em; 
    padding: 1px 0.5em; 
    margin: 0; 
    border-style: solid; 
    border-width: 1px 1px 1px 0.8em;  
    border-color:  	#FF9900;
    /*background-color: #C89AD9; #666 #666 #666 #008*/
    font-size: 1.2em;
    font-weight: 600;
    color: Black;
}

.autofont 
{
    color: Black;
}

.searchPanel
{
    color: Black;
}

/*.popup 
{ 
  background-image: url("../images/icons/yellowStar.jpg");
  border: 0px;
  height: 30px;
  width: 30px;
  margin-bottom: 2px;
  cursor: pointer;   
  background-position: 0.4em;
  padding-left: 1.8em;
  background-repeat: no-repeat;
} */

.refresh  
{ 
  clear:both;
  background-image: url("../images/icons/refreshIcon2.gif");
  background-position: 0.3em;
  padding-left: 1.8em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.clearfilter  
{ 
  clear:both;
  background-image: url("../images/icons/clear4.png");
  background-position: 0.3em;
  padding-left: 1.8em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.copy
{ 
  clear:both;
  background-image: url("../images/icons/copy.png");
  background-position: 0.3em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.export
{ 
  clear:both;
  background-image: url("../images/icons/export1.png");
  background-position: 0.3em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.browse
{ 
  clear:both;
  background-image: url("../images/icons/cabinet.png");
  background-position: 0.3em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.organize
{ 
  clear:both;
  background-image: url("../images/icons/organize.png");
  background-position: 0.3em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.eye
{ 
  clear:both;
  background-image: url("../images/icons/eye.png");
  background-position: 0.3em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.print
{ 
  clear:both;
  background-image: url("../images/icons/print2.png");
  background-position: 0.3em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.copyrightC
{
    float: none;    
}

.copyrightR
{
    float: right;
    vertical-align: top;
}

.filter  
{ 
  clear:both;
  background-image: url("../images/icons/GridFilter.png");
  background-position: 0.3em;
  padding-left: 1.8em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.addnew
{ 
  clear:both;
  background-image: url("../images/icons/miniAdd.gif"); 
  padding-left: 1.2em;
  background-repeat: no-repeat;
}

.headerpanel {
    float:right;
    width:100%;
    height: 40px;
    background:#AEAEC1;/*#E3CFB6;*/
    padding-top: 8px;
    color: Black;
    padding-left: 5px;
}

.edit
{ 
  clear:both;
  background-image: url("../images/icons/Edit.jpg");
  padding-left: 1.0em;
  padding-right: 3.0em;
  background-repeat: no-repeat;
}

.view
{ 
  clear:both;
  background-image: url("../images/icons/View.jpg");
  padding-left: 1.0em;
  padding-right: 3.0em;
  background-repeat: no-repeat;
}


Table.PrintForm
    td {
        padding: 1px, 14px, 0px, 14px;
        margin-left: 20px; 
        margin-right: 20px; 
        font-size:22px;        
    }


.inoculationsHighlight 
{
    border-bottom: 1px solid #666;
    position: relative; 
    left: -0.3em; 
    bottom: -0.6em; 
    padding: 1px 0.5em; 
    margin: 0; 
    border-style: solid; 
    border-width: 1px 1px 1px 0.8em;  
    border-color:  	#CDA7D1;
    /*background-color: #C89AD9; #666 #666 #666 #008
    font-size: 1.2em;
    font-weight: 600;*/
    color: Black;
}


.subTitle
{
    font-size:18px;
    font-style:italic
}


/*.loginHeader
{
    background-color: #4b6c9e;
}

.logoImage
{
  Background-image: url('/images/ABL_logo_rvb.jpg');
  background-repeat: no-repeat;
  background-position:left;
  height:72px;
  width: 250px
}*/

.loginHeader
{
    background-color: #5C5C7C;
}

.logoImage
{
  /*background: url(../images/logo_sveu.gif) no-repeat left left; */
  Background-image: url('/images/logo_sveu.gif');
  background-repeat: no-repeat;
  background-position:left;
 /* height= 100px;*/
}

.upload
{ 
  clear:both;
  background-image: url("../images/icons/page-up-icon.png");
  background-position: 0.5em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
}

.copy
{ 
  clear:both;
  background-image: url("../images/icons/Copy Actuals.gif");
  background-position: 0.9em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.confirm
{ 
  clear:both;
  background-image: url("../images/icons/Confirm.gif");
  background-position: 0.9em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.remove
{ 
  clear:both;
  background-image: url("../images/icons/Remove Confirmation.gif");
  background-position: 0.9em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}

.inventory
{ 
  clear:both;
  background-image: url("../images/icons/inventory.png");
  background-position: 0.9em;
  padding-left: 2.5em;
  background-repeat: no-repeat; 
  color: Maroon;
  height: 15;
}