/* DEFAULTS
----------------------------------------------------------*/
@import url(//fonts.googleapis.com/css?family=Work+Sans);
@import url(//fonts.googleapis.com/css?family=Montserrat);


body {
    font-size: 15px;
    font-family: sans-serif;
    padding: 0px;
    background-color: #F1F9FF;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

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

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

a:active
{
    color: #034af3;
}

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

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

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
    height: 328px;
}

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

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

.LeftMenu
{
    width: 165px; 
    position: absolute;
    float:left;
}

.RightPage
{
    /*min-width:785px;
    width: 880px;
    */
    padding-left: 25px;
    position: absolute;
    left: 170px;
    top: 0px;
}

.topBox
{
    background: url("../Images/topbar.png") repeat-x;
}

.hide {
   display: none;
}

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

.DataRow3
{
    height: 36px;
}


/* 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;
}

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

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

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

fieldset
{
    border: none;
}

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;
}

.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;
}

.hideGridColumn 
{
    display: none;
}


A.appLinks 
{
	FONT-SIZE: 8pt; 
	font-weight:bold;
	font-style:italic;
	COLOR:darkblue;
	font-family:  sans-serif;
	TEXT-DECORATION: none
}

A.appLinks:hover
{
    COLOR: #CCCCCC;
}


.MissingRequired
{
	font-weight: normal;
	font-size: 8pt;
	text-transform: none;
	color: red;
	font-family:  sans-serif;
	text-decoration: none;
}
.PageErrorMessage
{	
	font-family:  sans-serif;
	font-weight: bold;
	font-size: 9pt;
	text-transform: none;
	color: red;
	text-decoration: none;
}
.PageLabel
{
	font-size: 12pt;
	text-transform: none;
	color: #003399;
	font-family:  sans-serif;
	text-decoration: none;
	font-weight: normal;
}
.PageLabelBig {
    font-size: 18pt;
    text-transform: none;
    color: #003399;
    font-family: sans-serif;
    text-decoration: none;
    font-weight: normal;
}
.PageLabelLarge
{	
	font-family:  sans-serif;
	font-weight: bold;
	font-size: 13pt;
	text-transform: none;
	color: #003399;
	text-decoration: none;
}
.PageLabelsmall
{
	font-weight: bold;
	font-size: 8pt;
	text-transform: none;
	color: #000000;
	font-family:  sans-serif;
	text-decoration: none;
    margin-top: 0px;
}
.PageTitle
{
	
	font-size: 20pt;
	text-transform: none;
	color: #003399;
	font-family:  sans-serif;
	text-decoration: none;
}
.PageSubTitle
{
	font-weight: bold;
	font-size: 14pt;
	text-transform: none;
	color: #003399;
	font-family:  sans-serif;
	text-decoration: none;
}
.PageTabButton
{
	font-weight: bold;
	font-size: 11pt;
	color: darkblue;
	font-family:  sans-serif;
	background-color: transparent;
	font-variant: small-caps;
	text-decoration: none;
}
.PageTabButtonPressed
{
	font-weight: bold;
	font-size: 11pt;
	color: darkblue;
	border-top-style: inset;
	font-family:  sans-serif;
	border-right-style: inset;
	border-left-style: inset;
	background-color: transparent;
	font-variant: small-caps;
	text-decoration: none;
	border-bottom-style: inset;
}
.PageTabButtonSmall
{
	font-weight: bold;
	font-size: 11pt;
	color: darkblue;
	font-family:  sans-serif;
	background-color: transparent;
	text-decoration: none;
}
.PageTabButtonSmallPressed
{
	font-weight: bold;
	font-size: 11pt;
	color: darkblue;
	border-top-style: inset;
	font-family:  sans-serif;
	border-right-style: inset;
	border-left-style: inset;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: inset;
}
.PageTabButtonSmaller
{
	font-weight: bold;
	font-size: 8pt;
	color: darkblue;
	font-family:  sans-serif;
	background-color: transparent;
	text-decoration: none;
}
.PageTabButtonSmallerPressed
{
	font-weight: bold;
	font-size: 8pt;
	color: darkblue;
	border-top-style: inset;
	font-family:  sans-serif;
	border-right-style: inset;
	border-left-style: inset;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: inset;
}
.WelcomeMessage
{
	font-size: 12px;
	color: #ffd56d;
	font-family:  sans-serif;
	text-decoration: none;
}
.Disclaimer
{
	font-weight: normal;
	font-size: 11px;
	color: darkblue;
	font-style: normal;
	font-family:  sans-serif;
	font-variant: normal;
	text-decoration: none;
}
.Version
{
	font-weight: bold;
	font-size: 11px;
	color: darkblue;
	font-style: normal;
	font-family:  sans-serif;
	font-variant: normal;
	text-decoration: none;
}
.PageButton
{
	font-weight: bold;
	font-size: 12pt;
	padding: 2px 2px 2px 2px;
	text-transform: none;
	color: White;
	border: #17b5bf 1px solid;
	font-family:  Arial;
	background-color: #17b5bf;
	background-image: url('../Images/buttonGradient.png');
    margin-left: 0px;
    }

.PageButton:Hover
{
    color: #FDE0FF;
    background-image: url("../Images/buttonInverseGradient.png");
    cursor: pointer;
    border: #2fbdc6 1px solid;
    background-color: #2fbdc6;
}

.PageButton2 {
    font-weight: bold;
    font-size: 12pt;
    padding: 2px 2px 2px 2px;
    text-transform: none;
    color: White;
    border: #17b5bf 1px solid;
    font-family: Arial;
    background-color: #17b5bf;
    background-image: url('../Images/buttonGradient.png');
    margin-left: 0px;
}

.PageButton2:Hover {
    color: #FDE0FF;
    background-image: url("../Images/buttonInverseGradient.png");
    cursor: pointer;
    border: #2fbdc6 1px solid;
    background-color: #2fbdc6;
}

    .PageButton2:Active {
        color: #f23aff;
        background-image: url("../Images/buttonInverseGradient.png");
        cursor: pointer;
        border: #2fbdc6 1px solid;
        background-color: #2fbdc6;
    }

.PageButtonLight
{
	font-weight: bold;
	font-size: 12pt;
	padding: 2px 2px 2px 2px;
	text-transform: none;
	color: #000089;
	/*color: #FF006A;
	color: #FF530D;
	color: #094448;*/
	border: #00d3e1 1px solid;
	font-family:  Arial;
	background-color: #17b5bf;
	background-image: url('../Images/buttonGradient2.png');
    margin-left: 0px;
    }

.PageButtonLight:Hover
{
    color: #0000a8;
    /*color: #FF217E;
    color: #FF6D30;
    color: #0b555a;*/
    background-image: url("../Images/buttonInverseGradient2.png");
    cursor:hand;
    cursor:pointer;
    border: #00d3e1 1px solid;
    background-color: #2fbdc6;
}

.PageButtonLarge {
    font-weight: bold;
    font-size: 18pt;
    padding: 2px 2px 2px 2px;
    text-transform: none;
    color: #FFFFFF;
    /*color: #FF530D;
	color: #094448;*/
    border: #17b5bf 1px solid;
    font-family: Arial;
    background-color: #17b5bf;
    /*background-image: url('../Images/buttonGradient.png');*/
    margin-left: 0px;
}

    .PageButtonLarge:Hover {
        color: #FFFFFF;
        /*color: #FF6D30;
    color: #0b555a;*/
        /*background-image: url("../Images/buttonInverseGradient.png");*/
        cursor: hand;
        cursor: pointer;
        border: #17b5bf 1px solid;
        background-color: #2fbdc6;
    }
.PageButtonSmall
{
	color: #003399;
	border-right: steelblue 1px solid;
	border-top: steelblue 1px solid;
	font-weight: bold;
	font-size: 8pt;
	text-transform: none;
	border-left: steelblue 1px solid;
	border-bottom: steelblue 1px solid;
	font-family:  sans-serif;
	background-color: #d2e3f6;
	text-decoration: none;
}

.HiddenField
{
    Display: none;
}

.GRID
{
	text-align: center;
}

.GridFrame
{
	border-right: steelblue 1px solid;
	border-top: steelblue 1px solid;
	border-left: steelblue 1px solid;
	border-bottom: steelblue 1px solid;
	border-collapse: collapse;
}

.MenuButton
{
	font-weight: bold;
	font-size: Medium;
	text-transform: none;
	color: darkblue;
	background-color: transparent;
	text-decoration: none;
	font-family:  sans-serif;
}

.MenuModuleHeader
{
    background-repeat: no-repeat;
    background-position: left;
	color:#ffffff; 
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	padding-left:15px;
	font-family:  sans-serif;
}

.MenuHeader 
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#0CABF0;
	color:#ffffff; 
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderIZ
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#FFA800;
	color:#ffffff; 
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderClient 
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#0AE080;
	color:#ffffff;  
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderVaccine
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#FF483F;
	color:#ffffff;  
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderControlPanel
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#9797E6;
	color:#ffffff;  
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderInventory
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#15D8DB;
	color:#ffffff; 
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderStudent
{
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	background-color: #ffd900;
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderHepB
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#DF169A;
	color:#ffffff; 
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuHeaderCMR
{ 
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	background-color:#7853BF;
	color:#FFFFFF; 
	font-size:12pt; 
	font-weight:Bold; 
	text-decoration:none;
	font-family:  sans-serif;
}

.MenuGroup 
{
	 border-style:solid; 
	 border-width:1px;
	 border-color:#639CCE; 
	 background-color:#fdfdfd; 
	 margin-bottom:2px;
	 padding-bottom:4px;
	 padding-left:10px;
	 font-family:  sans-serif;
}


.MenuItem a:link
{
	color:#003399;
	font-size:11pt;
	text-decoration:none;
	padding-top:2px;
	padding-left:5px; 
	font-family:  sans-serif;
}

.MenuItem a:active
{
	color:#003399;
	font-size:11pt;
	text-decoration:none;
	padding-top:2px;
	padding-left:5px; 
	font-family:  sans-serif;
}

.MenuItem a:visited
{
	color:#003399;
	font-size:11pt;
	text-decoration:none;
	padding-top:2px;
	padding-left:5px; 
	font-family:  sans-serif;
}


.MenuItem a:hover
{
	color:#ffa00a;
	font-size:11pt;
	text-decoration:none;
	padding-top:2px;
	padding-left:5px; 
	font-family:  sans-serif;
}


.MenuItemSelected
{
	color:#ffa00a;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
	font-family:  sans-serif;
}


.MenuListField
{
	color:#003399;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none; 
	padding-top:2px;
	font-family:  sans-serif;
    
}

.MenuListValue
{
	color:#003399;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none; 
	padding-top:2px;
	font-family:  sans-serif;
}

.Toolbar
{
	border-right: steelblue thin solid;
	border-top: steelblue thin solid;
	font-weight: bold;
	font-size: 10pt;
	border-left: steelblue thin solid;
	color: #ffffff;
	border-bottom: steelblue thin solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
}

.ToolbarLine
{
	height: 1px;
	WIDTH: 803px;
	color: #003399;
    margin-left: 0px;
}

.ABSDataField
{
	border: 1px solid #009cbe;
    font-family: Sans-Serif;
	font-size: 13.5pt;
	z-index: 1;
    margin-left: 0px;
}

.ABSAlert
{
    color: #FF006A;
    font-size: x-large;
    text-transform: none;
    text-decoration: none;
	font-weight: normal;
	font-family:  sans-serif;
}

.ABSImage
{
	border: 1px solid #009cbe;
}

.ABSContinuousForm
{
    Border-Color: #003399; 
    Border-Style: dotted; 
    Border-Width: 1px;
}

.ABSDropDownField {
    font-family: sans-serif;
    font-size: 13.5pt;
    /*margin-left: 0px;
    margin-top: 0px;*/
    border: 1px solid #009cbe;
    margin-left: 0px;
}

.ABSComboBoxField
{
    font-family:  sans-serif;
	font-size: 13.5pt;
}
/*
.ABSComboBoxField .ajax__combobox_inputcontainer 
{
}
.ABSComboBoxField .ajax__combobox_textboxcontainer
{
}
.ABSComboBoxField .ajax__combobox_textboxcontainer input
{
    border: solid 1px #009cbe;
    border-right: 0px none;
    font-size: 13.5pt;
    height: 24px;
    margin: 0px 0px 0px 0px;
    top: -2px;
}
.ABSComboBoxField .ajax__combobox_buttoncontainer
{
}
.ABSComboBoxField .ajax__combobox_buttoncontainer button
{
    border: solid 1px #009cbe;
}
.ABSComboBoxField .ajax__combobox_itemlist
{
    position:fixed !important;
    position:inherit !important;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
    border: solid 1px ButtonShadow; 
}
.ABSComboBoxField .ajax__combobox_itemlist li
{
    white-space: nowrap;
    width: 100%;
    padding: 0 3px 0 2px;
}*/

/*
.ABSComboBoxField .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    border: solid 1px #009cbe;
    border-right: 0px none;
    font-size: 18px;
    height: 22px;
    margin: 0px 0px 0px 0px;
}
.ABSComboBoxField .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    border: solid 1px #009cbe;
}
.ABSComboBoxField .ajax__combobox_itemlist
{
    border-color: #009cbe;
    font-size: 18px;
    position:relative ! important;
    left:0px ! important; 
    top: -8px !important;
    width:99% !important;
}
*/

.ABSReadOnly
{
	font-size: 13.5pt;
	color: Black;
	font-family:  sans-serif;
    margin-left: 0px;
}

.ABSCheckBoxFieldEdit
{
	background-color: lawngreen;
}

.ABSCheckBoxFieldView
{
	background-color: #ffff33;
}

.ABSCheckBoxFieldRequired
{
	background-color: deeppink;
}
.MenuHeaderEMR
{
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	background-color: #0053bf;
	text-decoration: none;
	font-family:  sans-serif;
}
.MenuHeaderEMS
{
    background-image: url("../Images/MenuHeaderBG.png");
    background-position: left;
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	background-color: #EC1B28;
	text-decoration: none;
	font-family:  sans-serif;
}

#Wrapper
{
   min-height: 700px;
}

div.ui-tooltip {
    max-width: 600px;
}

.ABSTopIcon 
{
    width: 45px;
    height: 46px;
    }

.complaintButton {
    background-color: #25d9ca;
    border: 1px solid #19abab;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #286666;
}

.complaintButton:hover {
    background-color: #1aeded;
}

.complaintButton:active {
    position: relative;
    top: 1px;
}

input[type=checkbox] {
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #009cbe;
    height:24px;
    width:24px;
    vertical-align:middle;
    position: relative;
    right: 4px;
}

input[type=checkbox]:checked {
    background-image: url("../Images/checkmark.png");
}

input[type=checkbox]:disabled {
    background-color: transparent;
    border: none;
}

/*input[type=radio] {
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #009cbe;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}*/

    /* checkbox text */
    .checkboxtext {
        /* Checkbox text */
        font-size: 110%;
        display: inline;
    }