/*
/////////////////////
// Note that this file is shared in the source control system.
/////////////////////
*/
html {
   font-size: 1rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   html {
      font-size: 100%;
   }
}
body {
   font-family: Arial, Helvetica, sans-serif;
   /*background-color: #D6D6D6;*/
   font-size: .75rem;
   position: relative;
   padding: 0;
   margin: 0;
   line-height: 14px;
   overflow: scroll; /* Show scrollbars */
}
fieldset {
   background-color: #FFF2E3;
   margin-top: 5px;
   padding: 4px 10px 8px 10px;
}
fieldset, fieldset legend {
   border: 1px solid #4AB0E1;
}
fieldset legend {
   color:#fff; 
   background-color: #4AB0E1;
   padding: 3px 10px;
   width: auto;
   font-size: inherit;
   margin-bottom: 0;
}

/*All content should be within the container <div>*/
#container, #contentContainer, .listContentDiv, .rightContentDiv, .centerContentDiv {
	padding: 0px;
}
#container, .menu {
	/*font-size: 12px;*/
   min-width: 780px;
}
/*#container,*/ 
.center, .linkList, .leftContentDiv {  
   text-align: center;
   padding: 0px 3px;   
}
#container, .center { 
   margin: auto; 
}                                
.clear {
   clear: both;
}
.header {
   background-color: #046696;
   color: #F0F0F0;
   width: 100%;
   padding: 6px 0;
}
.header .topCorner {
   background: url(images/tr.png) no-repeat top right;
   height: 14px;
}
.header .topCorner div {
   background: url(images/tl.png) no-repeat top left;
   height: 14px;
}
.SignOut {
	clear: right;
	float: right;
   margin-right: 10px;
   position: relative;
}
.SignOut div { 
   margin-top: 3px;
}
.SignOut select {
	border: 1px solid;
}
.logo {
   float: left;
   clear: left;
   position: relative;
 }
.footer {
   background-color: #046696;
	color: #F0F0F0;
	clear: both;
}
.footer .bottomCorner {
   background: url(images/br.png) no-repeat scroll right bottom;
   height: 14px;
}
.footer .bottomCorner div {
   background: url(images/bl.png) no-repeat scroll left bottom;
   height: 14px;
}
.footer p {
   margin: 0;
   padding: 5px 10px;
}
.footer a, .header a {
	text-decoration: none;
	color: #F0F0F0;
}
.footer a:hover {
   text-decoration: underline;
	color: #ffffff;
}
.footer a:active, .footer a:visited, .header a:active, .header a:visited  {
	color: #F0F0F0;
}
#contentContainer {
	width: 776px;
	margin: 0px;
	float: left;
} 
div.hr
{
	height: 1px;
	background-color: #046696;
	margin: 5px 0 5px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}
img {
   border: 0px
}

a, a:visited {
	color: #0C4988;
}
h1, h1 a {
	font-size: 1.25rem;
}
h2, h2 a {
	font-size: 1rem;
}
h3, h3 a {
	font-size: .875rem;
}
h1,h1 a, h2, h3, h4, .instructions, label, .explanation {
	color: #333333;
}
h1,h1 a, h2, h3, h4, .instructions {
	margin-top: 3px;
	margin-bottom: 6px;
   font-weight: bold;
}
.rightContentDiv h2, .leftContentDiv h2 { 
   margin-left: 10px;   
}
.singleContentDiv .instructions, .instructions {
	border: 1px dashed;
   background-color: #F2D097; 
   padding-left: 3px;     
   padding-top: 0px;      
}
.singleContentDiv .instructions, .instructions, .SignOut select, .message, .singleContentDiv > table {
   margin-top: 3px; 
}
.singleContentDiv .instructions, .instructions, .SignOut select, .message {
   border-color: #4C8ACA;
}
h4 {
	font-size: 9px;
}
label {
	margin-right: 3px;
   margin-bottom: 0;
	/*display: block;*/
}
.label td {  
   color: #666;
   font-size: 9px;
   height: 10px;
}
.message {
	margin-left: 10px;
	margin-right: 10px;
}
.leftContentDiv {
	float: left;
	width: 40%;
	clear: left;
	padding-top: 5px;
   margin-left: 10px;
   margin-right: 5px;
}
.rightHeaderDiv {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	width: 50%;
	padding: 5px 20px;
	background-color: #a7d8f1;
	color: #444;
	text-align: left;
	font-size: 14px;
	border-bottom: 0px;
}
.singleSectionDiv {
   margin: 10px;
   display: inline-block;
}
.rightContentDiv {
   margin: 0 10px;
   padding-top: 5px;                                                 
	clear: right;
	text-align: left;
	float: right;
	width: 50%;
   background-color: #a7d8f1;
}
.centerContentDiv {
	margin-left: 10%;
	margin-right: 10%;                                                  
}
.editStackDiv table  {
	width:100%;
}
.message {
   border: 1px solid #bce8f1;
   padding: 5px;
   margin-bottom: 2px;
   background:#d9edf7;
	color: #31708f;
   border-radius: 4px;
   display: block;
}
.error, html body span.RadInput input.error {  
   border:  1px solid #BF0000;
   padding: 2px; 
   margin-bottom: 2px;
   background-color: #FFD7D7;
   border-radius: 4px;
   color: #BF0000;
}
.flashMessage ul {
	padding-left: 0;
	min-height: 20px;
}
.flashMessage li {
   list-style-type: none;
}
.buttonDiv, .abuseDiv {
   margin: 10px; 
}
/*".buttonDiv a" makes anchors look like input buttons.*/
/*input[type="submit"], input[type="file"], input[type="button"], */
.buttonDiv a, .buttonDiv input[type="submit"] {
	font-weight: bold;
	background-color: #195695;
   font-size: 11px;
   color: #EEEEEE;
}
/*input[type="submit"], input[type="file"], input[type="button"], */
.buttonDiv a, .buttonDiv input[type="submit"] {
	border: 1px solid #777777;
	font-family: "Arial Narrow", Arial;
   -moz-border-radius: 3px;
}
.buttonDiv a {
   text-decoration: none;
   color: #fff;
   padding: 1px 7px 1px 7px;
}
.buttonDiv a {
   font-size: 11px
}
/*input[type="submit"]:hover, input[type="file"]:hover, input[type="button"]:hover, */
.buttonDiv a:hover, .buttonDiv input[type="submit"]:hover {
	background-color: #6E9BCA;
}
.checkBoxLabel {
   text-align: left;
   display: inline;
   vertical-align: sub;
}
.checkBoxLabel span {
   vertical-align: 2px;
}
.checkBoxLabel input[type="checkbox"] {
   margin: 0px;
}
.example {
   font-style: italic
}
.example, .checkBoxLabel, .quote {
	color: #666666;
	margin: 5px 0px 5px 0px;
}
.main { 
   padding: 0 20px 10px;
   clear: both;
   text-align: left; 
}
.right, .footer p, .text-right { 
   text-align: right;  
}
/*------------------------------------End of New Stuff---------------------------*/

/*Main class is the main content section of the page, between the header and footer*/
/* These will get rid of the 1px padding in tables */
/* table { border-collapse:collapse } */
/* td { padding:0px }*/ 
.main, .singleContentDiv, .listContentDiv,
.multiSectionDiv, .subMenu, #fullHeader {
   background-color: #FFFFFF;
}
/* setting the subMenu class to 0px hieght untill neeeded */
.subMenu {
   height: 0px;
}        
.singleHeaderDiv, .listHeaderDiv,
.listContentDiv, .listFooterDiv, .action, .rightInfoDiv,
.tableWrapper {                                                     
	margin-left: 0px;
	margin-right: 0px;
}
.listFooterDiv, .centerContentDiv, .rightContentDiv, .leftContentDiv {
	margin-bottom: 10px;
}
.singleHeaderDiv, .listHeaderDiv, .reviewContainer, .leftContentDiv {
	margin-top: 10px;
}
.rightInfoDiv {
	clear: right;
	text-align: left;
	float: right;
	width: 55%;
   background-color: #6E9BCA;
}
.singleHeaderDiv, .listHeaderDiv,
/*.listContentDiv, */.listFooterDiv, .subMenu {
	padding: 3px;
}
.singleHeaderDiv, .listHeaderDiv,
.listContentDiv, .listFooterDiv, .subMenu {

}
.privacyStatement {
}
.report {
   margin: 5px 15% 0px 15%;
}
.report table {
	text-align: left;
}
.multiSectionDiv, .restaurantDescriptionDiv p, .restaurantDescriptionDiv div {
   margin: 10px;
}
.editStackDiv td label {
	text-align: right;
}
label, .userData, .example 
/* added to work with IE 
.singleContentDiv table td table td, .singleContentDiv table td, 
.singleSectionDiv table td.instructions*/  {
	font-size: .6875rem;
}
.singleContentDiv {
  	color: #333333;
	float: none;
	clear: both;
	text-align: left;
   *display: inline-block;
}
.action .rightDiv, .action .leftDiv, .action .leftDiv-bottom {
	width: 49%;
	background: #E9E9E9;
}
.action .rightDiv, .action .leftDiv, .action .leftDiv-bottom, .rightDiv, .leftDiv {
	padding: 3px 0 3px 0;
}
.action .rightDiv:hover, .action .leftDiv:hover, .abuseDiv a {
   background-color: #FFDFB0
   /* if hover color changed in CSS then on onmouseover color needs to be changed on
      UserReport.aspx and  PublicRequest.aspx pages*/
}
.webSnapInstructions p {
   text-align: left;
   width: 250px;
}
.webSnapInstructions p .special {
   color: #BF0000;
}
.action .rightDiv, .action .leftDiv, .action .leftDiv-bottom {
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.action .leftDiv-bottom {
	/* radius overrides for the bottom of the div */
   -moz-border-radius-bottomLeft: 0px;
   -moz-border-radius-bottomRight: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
.genericListTable {
	border-collapse:collapse;
}
.genericTableHeader a, .genericTableHeader {
   color:#ffffff;
}
.genericTableHeader th img {
   vertical-align: bottom;
}
/*************************************************************************************/
/* Safari can't seem to use this rule, so the following rule is a kludge to cover it */
.listTable thead {
	background: #0C4988;
}
thead.listTableHeader {
	background: #0C4988;
}
/*************************************************************************************/

/*************************************************************************************/
/* The next two rules really shouldn't have the td selector, but IE can't deal with  */
/* the tr selector alone.                                                            */
.genericListTable tbody tr {
	border-top: 1px solid #5889BC;
}
/*  Need to change gifs to pngs before we add this
.restaurantTable tbody tr:hover {
	background-color:#FFDFB0;
}*/
.genericListTable tbody tr:first-child td {
	border-top: 1px solid #4C8ACA;
}
/*************************************************************************************/

/*************************************************************************************/
/* The following rule is necessary only for Safari which left justifies by default.  */
.genericListTable thead th, .genericListTable tr td {
	text-align: center;
}
.genericListTable tbody td:first-child, .genericListTable thead th:first-child {
	text-align: left;
	padding-left: 5px;
/*   width: 20%;*/
}
.genericListTable tr:hover {
   background-color: #F7DBB3;
/*   background-image: url(../styles/black_glass/row_hover.png)   */
}
.genericListTable thead tr:hover {
   background-image: none;
   background-color: transparent;
}
/*************************************************************************************/
.singleHeaderDiv {
	background-color: #C0D5E9;
}
.listHeaderDiv, .listFooterDiv {
	background-color: #95AFFF;
   text-align:left
}
.listContentDiv {
   background-color: #5889BC;
   margin-top: 6px;
   margin-bottom: 6px;
}
.listContentDiv table, .genericListTable, .action table {
   background-color: #EBEFF3;
}
.listContentDiv table, .genericListTable, .action table {
	width:100%;
}
/*.editStackDiv td:first-child { width: 30% }
.listContentDiv, .listHeaderDiv, .listFooterDiv {
	border-color: #FF9900;
}*/
.singleHeaderDiv {
	color: #666666;
	text-align: left;
	font-size: 14px;
}
.singleHeaderDiv, .listHeaderDiv, .subMenu {
	border-bottom: 0px;
}
.listFooterDiv, .subMenu {
	border-top: 0px;
}
.radioList label {
	display: inline;
}
.multiSectionDiv {
	border-radius: 5px; /*this will be used with CSS3*/
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #FFCC80;
	padding: 8px;
}
.multiSectionDiv {
	padding: 8px;
}
.tableWrapper {
   -moz-border-radius-bottomLeft: 5px;
   -moz-border-radius-bottomRight: 5px;
   -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin-top: 0px;
	background-color: #E9E9E9;
}
.validatedListTextAreaDiv {
	clear: left;
	float: left;
}
.validatedListTextAreaDiv label,
.validatedListErrorTextAreaDiv label {
	display: inline;
}
.validatedListErrorTextAreaDiv  {
	clear: right;
	float: right;
	color: #BF0000;
}
.validatedListErrorTextAreaDiv .label,
.validatedListErrorTextAreaDiv .explanation,
.validatedListErrorTextAreaDiv textarea,
.validatedListErrorTextAreaDiv label  {
	color: #BF0000;
}
.validatedListErrorTextAreaDiv, .validatedListTextAreaDiv {
	width: 50%;
}
.validatedListErrorTextAreaDiv textarea {
	border: thin solid #BF0000;
	font-family: Arial, Helvetica, sans-serif;
}
.validatedListTextAreaDiv .explanation, .validatedListTextAreaDiv textarea,
.validatedListErrorTextAreaDiv textarea, .validatedListErrorTextAreaDiv .explanation  {
	width: 95%;
}
.validatedListTextAreaDiv textarea, .validatedListErrorTextAreaDiv textarea {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
   font-size: small;
}
.abuseDiv a {
   float: right;
   font-size: smaller;
}
.rating input[type="submit"] {
   background-color: #D5DFFF;
	font-weight: normal;
   padding: 0px 2px 0 1px;
   font-size: smaller;
}
.rating input[type="submit"]:hover, .abuseDiv a:hover {
	background-color: #95AFFF;
}
.buttonStackDiv {
   margin-top: 10px;
}
.buttonStackDiv input[type="submit"], .buttonStackDiv input[type="button"], 
div.buttonStackDiv span, #resultsHeader {
	margin-bottom: 5px;
}
.editStackDiv .band {
   margin-top: 0px;
	margin-bottom: 5px;
}
.buttonStackDiv input[type="submit"], .buttonStackDiv input[type="button"] {
	width: 80%;
}
.editStackDiv label, .radioList, .band td {
   text-align:left
}
.inlineLabelGroup label, .inlineLabelGroup span, .inlineLabelGroup table {
   display:inline;
}
.editStackDiv input[type="text"], .editStackDiv input[type="password"], .editStackDiv textarea, 
.band textarea {
   width: 90% !important;
   max-width: 400px;
}
.band textarea, .highlightDiv {
   padding: 5px;
   margin-top: 5px
}                                                 
.highlightDiv {
   background: #FFDFB0;
	margin-bottom: 5px;
	border-radius: 5px; /*this will be used with CSS3*/
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.highlightDiv td:first-child {
   width: 20%;
   vertical-align: top;
}
.highlightDiv table {
   width: 95%;
}
/*input[type="text"], input[type="password"] {
   font-size: 11px;
   height: 13px;
   padding:1px;
}
td input[type="text"], input[type="password"] {
   width: 95%
}*/
input[type="text"].address, input[type="text"].webaddress {
   max-width: 300px;
}
input[type="text"].city { max-width: 200px }
input[type="text"].email { max-width: 300px !important; }
input[type="text"].state { max-width: 25px }
input[type="text"].zip, input[type="text"].phone { max-width: 100px }
input[type="text"].firstName, input[type="text"].lastName, input[textmode="password"]
{ max-width: 150px }
input[type="text"].listName { max-width: 300px }
input[type="password"].password, input[type="password"] { max-width: 150px !important; } 
.faq {
   padding: 8px;
	list-style:none;                           
}
/****************** Start of Menu Tab ********************/
.menu, div.menu .row div.column, .menu ul li a {
   margin: 0;
   padding: 0;
   height: 36px;
   background-color: #444;
}
.menu ul, .menu ul li a, .menu ul li a:visited {
   color: #ffffff;
   float: left;
}
.menu ul li.CurrentMenuTab a, .menu ul li.CurrentMenuTab a:visited, .menu ul li a:hover, .menu ul li .current  {
   color: #333333;
}

.menu ul{
   margin: 0;
   padding: 0;
   font: bold 12px Arial;
   overflow: hidden;
}
.menu ul li{
   display: inline;
}
.menu ul li a{
   padding: 11px 11px 10px 11px;
   text-decoration: none;
   border-right: 1px solid #CACACA;
}
.menu ul li:first-child a {
   border-left: 1px solid #CACACA;
}
.menu .CurrentMenuTab a {
   background-color: #FFC24B;
}
.menu ul li a:hover, .menu ul li .current {
   background-color: #FFD27B;
}
.menu .column {
   padding: 0;
}
.goBackToLink, .goBackToLink:visited {
	color: #444;
	text-decoration: none;
	padding: 11px 0 10px 36px;
	margin-right: 10px;
	background-image: url(Images/goBackTo.png);
}
.goBackToLink:hover {
	background-image: url(Images/goBackTo-hover.png);
}
.shadow, .shadowUp, .goBackToLink, .goBackToLink:visited {
   background-repeat: no-repeat;
}

/****************** End of MenuTab ********************/
a.scrollArrow, a.scrollArrow:visited {
   color: #2b7ba3;
   font-weight: bold;
   text-decoration: none;
   font-size: 14px;
   margin:0 3px;
}
   a.scrollArrow:hover {
      color: #FFC24B;
   }
   a.scrollArrow.aspNetDisabled {
      color: #b4b4b4;
   }
      a.scrollArrow.aspNetDisabled:hover {
         color: none;
      }
.linkList ul { 
   margin: 0;
   padding: 0;
 }
.linkList ul li {
   padding: 0 0 10px 0; 
   font-weight: bold;  
   text-decoration: none;
   list-style-type: none;
}
.linkList ul li a { 
   font-size: 14px;
 }
.search, .singleContentDiv { 
   text-align: left;       
}
.search { 
   width: 50%;
}
.search table, .singleContentDiv > table { 
   width: 100%;
   clear: both;        
}
.search table { 
   margin-bottom: 5px;         
}                                       
.border, .border td, .border th   { 
   border: 1px solid #000000;
}
.search td, .instructions td { 
   border: 0px;         
}
.search table table { 
   margin: 0px;         
}
/*.singleContentDiv th {  
   background-color: #046696;
   color: #ffffff;
}*/
.bold, .goBackToLink, .goBackToLink:visited, .question {  
   font-weight: bold;   
}
.action .rightDiv, .rightDiv, .rightTable, .twoColumnDiv .rightDiv, .goBackToLink, .goBackToLink:visited  {
   float: right !important;
	clear: right;
}
.action .leftDiv, .action .leftDiv-bottom, .webSnapInstructions, .leftDiv, .leftTable, 
.twoColumnDiv .leftDiv {
   float: left;
	clear: left;
}
.twoColumnDiv .rightDiv, .twoColumnDiv .leftDiv {  
   padding: 0px;
   margin: 0px;
   width: 50%;   
}
.twoColumnDiv .rightDiv > div, .twoColumnDiv .leftDiv > div {  
   padding: 5px;   
}
.websnap {  
   background-color: #a7d8f1; 
   width: 700px;
   margin: auto;
}
/*.websnap div,*/ .instruction td label, .text-left {  
   text-align: left;
}
.websnap table {  
   margin-bottom: 10px;
}
.websnap .bottom table {  
   margin-bottom: 0px;
}
.websnap > div {  
/*   padding-bottom: 5px; */
}
.websnap > div:first-child {  
   border-top: 0px;   
}
.websnap .bottom, .websnap .top {  
   background-color: #75C3E9; 
   padding: 10px 0 0; 
}
.websnap .top {  
   margin-bottom: 10px;
}
.websnap .bottom {  
   margin-top: 10px;
}
.websnap img {
   vertical-align: middle;
}
.websnap .buttonStackDiv input {
   width: 170px;
}
.websnap p {
   font-size: 13px;
   margin-bottom: 0px;
}
/******************* Overrides to Obout/Telerik styles **********************/
/*This overrides the default color of these Telerik combo inputs from a blue to black*/
.RadComboBox_Windows7 input.rcbInput {
   color: #000;  
}
/*This displays the radioButtons in Telerik as a block instead of in-line that is the default*/
.websnap a.rbToggleButton,
/*Telerik changed from using <a> to <span> with the radio buttons in our latest release*/
.websnap span.rbToggleButton {  
   display: block;
}
.websnap .RadButton .rbDecorated {
   width:150px;
   padding-left:6px;
}
/*This fixes a bug in the release of Telerik we use. From Telelrik: "In the previous version, before 
the service pack there were some wrong CSS positions for the disabled checkboxes/radiobuttons hover 
states, but for the Service Pack 1 release they have been fixed."  This has been fixed since the 
release of Q3 Service Pack 1 - 2010.3 1215. */
a.rbDisabled .rbToggleRadio:hover, a.rbDisabled:hover .rbToggleRadio {  
   background-position: -24px 0px;   
}
/*This fixes a problem with textboxes and drop-down boxes show wings if you use a colored 
background in the containing element.  This can be seen on the WebSnap page. */
div.ob_iLboICB, div.ob_iCboICB {  
   background-image: none; 
   background-color: transparent;  
}
/*This was added to fix a problem on the obout grid when using double+ height headers.  Remove this
and you see the issue on any page that uses double+ height headers with an obout grid. */
.ob_gHContWG .ob_gH .ob_gC, .ob_gHContWG .ob_gH .ob_gCW,
.ob_gHCont .ob_gH .ob_gC, .ob_gHCont .ob_gH .ob_gCW
{
   background-size: 100% 100%
}
/* This fixes an issue for where the opacity for the radio group is compounded by the 'a' and 
nested 'span' being set to an opacity of .5/50 by telerik */
.websnap span.rbToggleRadio, .websnap a.rbDisabled {
    opacity: 0.8 !important; /* Chrome, Firefox, Safari */
    filter: alpha(opacity=80) !important;  /* IE */
    
}
/*This adjusts the telerik default of the rgCommandRow from left to right justified and gives some 
margin on the right on the containing div. Plus, it also aligns the buttons to 'add' and 'become 
users' to the middle of the row*/
tr.rgCommandRow div {  
   margin:  2px 10px 2px 0px;
   text-align: right;
}
tr.rgCommandRow input.rgAdd, tr.rgCommandRow a {  
   vertical-align: middle;
}
/*This adds some padding to the Edit Form when editting grid on the EditCoe page plus a background
color for readablity.  Also adds padding and BG color to aspPanel*/

div.rgEditForm, .nestedViewPanel {  
   background-color: #FFF2E3; 
   padding: 10px;  
}
/* This overrides teleriks default for the ComboBox to show scrollbars with tooltips on overflow.  
An example is on the ME EditServices page */
div.RadToolTip table.rtWrapper {
   text-align: left;   
}
div.RadToolTip table.rtWrapper td.rtWrapperContent, .msedd-radWindow-content  {  
   padding: 10px;   
}
/* This overrides teleriks rfdSkinnedButton, where in IE the <input> inside the <a> would overlay the bottom 
border of the background button  */
.RadForm a.rfdSkinnedButton {
   min-height: 24px;
}
/* Used to support multicolumn MComboBox */
table.mcombobox-multicolumn {
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    width: 100%;
    table-layout:fixed;
}
table.mcombobox-multicolumn td, table.mcombobox-multicolumn th {
    margin: 0;
    padding: 0;
    line-height: 14px;
    word-wrap:break-word;
    white-space:normal;
}
/*This styles the display area to match the styling of the tabs. An example can be seen when editting a user*/
.tabStripMulitView {
   padding: 5px 0 5px 5px;
   border: 2px solid #C8D6E5;
   border-top: none;
   background-color: #FBFDFF;
}
/*This positions the Input Image on the RadTabStrip, example on MainEntry.aspx*/
.rtsIn input {
   position: relative;
   top: 2px;
   left: 2px;
}
.rtsIn input:hover {
   opacity: 0.6;
   filter:alpha(opacity=60); /* For IE */
}
/*Table grid layout*/
.msedd-standard-table {
   width: 100%;
   margin-bottom: 10px;
   text-align: left;
   border-spacing: 2px; 
   border-collapse: separate; 
}
   .msedd-standard-table td {
      background-color: #EEF3F9;
      min-width: 20px;
      vertical-align: middle;
   }
      .msedd-standard-table td span {
         font-weight: bold;
      }
   .msedd-standard-table th, .msedd-standard-table th label {
      color: #fff;
   }
   .msedd-standard-table th {
      background-color: #2b7ba3;
      min-width: 60px;
   }
   .msedd-standard-table th, .singleContentDiv th, .singleContentDiv th table td  {
      padding-left: 3px; 
      height: 22px;
      font-size: 12px;
   }
/*the control-row will let you group mix elements and controls with the end group floated right and justified 
   right*/
.control-row {
	margin-bottom: 2px;
}
   .control-row .control-group, .control-row .control-group-end {
      display: inline-block;
      margin: 5px 10px 5px 0;
   }
      .control-row .control-group, .control-row .control-group-end, .control-group-end a,
      .control-row .control-group span.rbSkinnedButton,
      .control-row .control-group-end span.rbSkinnedButton, 
      .control-row > *, .control-row .control-group > * {
         vertical-align: middle;
      }
   .control-row .control-group-end {
      float: right;
      text-align: right;
      margin-right: 0;
   }
   .control-group, .control-row .control-group-end a {
      height: 22px !important;
      line-height: 20px !important;
   }
   .control-group span.rbPrimaryIcon {
      top: 3px;
   }
.expandCollapseButton, .expandCollapsePlusButton {
   display: inline-block;
   background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
   height: 20px;
   width: 20px;
   margin: 1px 0 0 0;
   -webkit-transition: all 500ms ease-in-out;
   -moz-transition: all 500ms ease-in-out;
   -o-transition: all 500ms ease-in-out;
   transition: all 500ms ease-in-out;
}

/*override for RadButton :focus and :active*/
.expandCollapsePlusButton {
   background-image: url(Images/plus-toggle.png);
}
   .expandCollapsePlusButton:hover:enabled {
      background-image: url(Images/plus-toggle-hover.png);
   }
.expandCollapseButton {
   background-image: url(Images/chevron-toggle.png);
}
   .expandCollapseButton:hover:enabled {
      background-image: url(Images/chevron-toggle-hover.png);
   }
.expandCollapseButton:disabled, .expandCollapsePlusButton:disabled {
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   opacity: 0.4;
   cursor: default;
}
.expandCollapseButtonExpanded {
   -moz-transform: rotateX(180deg);
   -webkit-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   transform: rotateX(180deg);
}
.expandCollapsePlusButtonExpanded  {
   -moz-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   transform: rotate(135deg);
}
/*This styles the MoreNavAnchor on the MainEntry page*/
.MoreNavAnchor {
   width: 32px;
   height: 16px;
   display: inline-block;
   position: relative;
   margin-bottom: -3px;
}
   .MoreNavAnchor:before, .MoreNavAnchor:after {
      content: "";
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
   }
   .MoreNavAnchor:before {
      background: url(images/ellipsis.png) 0px 0px no-repeat;
   }
   .MoreNavAnchor:after {
      background-image: url(images/ellipsis_hover.png);
      opacity: 0;
      transition: opacity 500ms;
      z-index: 1;
   }
   .MoreNavAnchor:hover:after {
      opacity: 1;
   }
.NavMenuToolTipDiv div {
   padding: 2px 8px;
}
   .NavMenuToolTipDiv div:hover {
      background-color: #75C3E9;
      color: #333333;
      transition: background-color 400ms ease-in-out;
   }
.NavMenuToolTipDiv a, .RadGrid_Metro .rgRow div.NavMenuToolTipDiv Div a,
.RadGrid_Metro .rgAltRow div.NavMenuToolTipDiv Div a,
.rtWrapperContent {
   text-decoration: none;
   color: #fff;
}
.NavMenuToolTipDiv div:hover a {
   color: #333333;
}
div.RadToolTip_Metro {
   box-shadow: 0 0 10px rgba(68,68,68,0.75)
}
.StandardToolTip .rtWrapper .rtWrapperContent {
   min-width: 120px;
}
/*override default RadGrid selected row*/

.RadGrid_Metro table.rgMasterTable tr td.rgSorted {
   background-color: #e5e5e5;
   border-color: #ededed;
}
.RadGrid_Metro table.rgMasterTable th.rgSorted {
   background-color: #c3c3c3;
}
.RadGrid_Metro table.rgMasterTable tr.rgSelectedRow  td.rgSorted, .RadGrid_Metro tr.rgSelectedRow td,
.RadGrid_Metro table.rgMasterTable tr.rgHoveredRow td.rgSorted {
   border-color: #c3c3c3;
}
.RadGrid_Metro tr.rgSelectedRow, .RadGrid_Metro table.rgMasterTable tr.rgSelectedRow td.rgSorted {
   color: #444;
   background-color: #a7d8f1;
}
/*override for RadButton :focus and :active*/
/*.RadButton_Metro.RadButton:active, .RadButton_Metro.RadButton:focus,
.RadButton_Metro.RadButton.rbHovered:active, .RadButton_Metro.RadButton.rbHovered:focus {
    border: 0 !important;
    background-color: transparent !important;
}*/
.RadTreeView_Metro div.rtSelected div.rtIn, .RadListBox_Metro .rlbItem.rlbSelected {
   background-color: #c3c3c3 !important;
   border-color: #c3c3c3 !important;
}
/*override padding on RadTabStrip on Users page*/
.rightDiv .RadTabStrip_Metro a.rtsLink {
  padding: 0 5px;
}
/*Link with ToolTip*/
a.headerNavAnchor, a.headerNavAnchor:active, a.headerNavAnchor:visited {
   color: #444;
   display: inline-block;
   padding: 2px;
   font-size: 18px;
   border-bottom: 1px solid #046696;
   border-top: 1px solid #046696;
   text-decoration: none;
}
a.headerNavAnchor:hover, a.headerNavAnchor:hover i {
   color: #444;
   transition: 400ms ease-in-out;
}
a.headerNavAnchor:hover {
   background: linear-gradient(to right, #fff,#a7d8f1,#fff);
}
/*This styles the Active/All search selection on the MainEntry page*/
.altLink a {
   color: #999;
   font-weight: bold;
}
   .altLink a:hover {
      color: #0C4988;
   }
/*emphasis classes*/
.e1 {
   font-weight: bold;
}
/*12 column grid*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
.row { max-width: 100%; /*min-width: 720px;*/ margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; /*margin: -5px;*/ }
 
.column, .columns { float: left; min-height: 1px; padding: 5px 0; position: relative; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
 
.row .one { width: 8.33% }
.row .two { width: 16.66% }
.row .three { width: 25% }
.row .four { width: 33.33% }
.row .five { width: 41.66% }
.row .six { width: 50% }
.row .seven { width: 58.33% }
.row .eight { width: 66.66% }
.row .nine { width: 75% }
.row .ten { width: 83.33% }
.row .eleven { width: 91.66% }
.row .twelve { width: 100% }
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

@media only screen and (max-width: 767px) {
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
 
.column, .columns { width: auto !important; float: none;  }
.column:last-child, .columns:last-child { float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
 
.column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
.column:after, .columns:after { clear: both; }
}

/*BootStrap Overrides*/
.well {
   backgrounD-color: #dbe6f5;
}
[class*='col-'] {
    padding-right:10px;
    padding-left:10px;
}
a {
   text-decoration: underline;
}
.msedd-standard-table td, .msedd-standard-table th, .main td, .main th {
   padding: 2px;
}
tr.label {
   display: table-row;
   text-align: left;
   font-weight: normal;
}
.form-inline .form-group label {
   display: inline-block;
}
.alert {
   padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 10px;
}

.RadTabStripTop_Metro .rtsLevel1, div.RadToolTip_Metro .rtWrapper .rtWrapperContent,
.RadTabStripTop_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL,
.RadComboBox_Metro .rcbFocused .rcbArrowCell,
div.RadToolTip_Metro .rtWrapper .rtWrapperTopCenter, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomCenter, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperTopRight, 
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomRight, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopCenter, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomCenter, 
div.RadToolTip_Metro .rtWrapper .rtWrapperLeftMiddle, div.RadToolTip_Metro .rtWrapper .rtWrapperRightMiddle {
    background-color: #046696 !important; 
}

.RadComboBox_Metro .rcbFocused .rcbArrowCell {
   border-color: #046696 !important;
}
div.RadToolTip_Metro .rtWrapper .rtWrapperTopLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperLeftMiddle, 
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperTopRight, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopCenter, div.RadToolTip_Metro .rtWrapper .rtWrapperTopLeft,
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomRight, div.RadToolTip_Metro .rtWrapper .rtWrapperRightMiddle, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopRight, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomCenter, 
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomRight, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomLeft {
    border-right: 1px solid #046696 !important;
    border-left: 1px solid #046696 !important;
    border-bottom: 1px solid #046696 !important;
    border-top: 1px solid #046696 !important;
}
.RadGrid_Metro .rgGroupPanel, .RadGrid_Metro .rgGroupPanel caption {
   color: #333333 !important;
   background-color: #a7d8f1 !important;
}
div.RadToolTip_Metro div.rtCallout {
   /*filter: brightness(65%) !important;*/
   background-image: url(Images/tooltip_callout.png) !important;
}
div.RadToolTip_Metro.rtShadow .rtCalloutTopCenter {
   margin-top: -10px !important;
}
div.RadToolTip.rtShadow .rtCalloutMiddleLeft {
   margin-left: -11px !important;
}
@-moz-document url-prefix() {
   label.rfdCheckboxUnchecked:before, label.rfdCheckboxChecked:before {
      content: "" !important;
   }
}
   /*space buffers*/
.mt-2 {margin-top:2px}
.mb-2 {margin-bottom:2px}
.ml-2 {margin-left:2px}
.mr-2 {margin-right:2px}

.mt-4 {margin-top: 4px}
.mb-4 {margin-bottom: 4px}
.ml-4 {margin-left:4px}
.mr-4 {margin-right: 4px}

.mt-6 {margin-top: 6px}
.mb-6 {margin-bottom: 6px}
.ml-6 {margin-left:6px}
.mr-6 {margin-right: 6px}

.mt-8 {margin-top: 8px}
.mb-8 {margin-bottom: 8px}
.ml-8 {margin-left:8px}
.mr-8 {margin-right: 8px}

.mt-12 {margin-top: 12px}
.mb-12 {margin-bottom: 12px}
.ml-12 {margin-left: 12px}
.mr-12 {margin-right: 12px}

.mt-24 {margin-top: 24px;}
.mb-24 {margin-bottom: 24px}
.ml-24 {margin-left: 24px}
.mr-24 {margin-right: 24px}

   /*for custom MDropDownList skin*/
div.RadDropDownList_StudentEditrddl {
   color: #444;
   font-size: 20px;
   font-family: inherit;
   background-color: #EEF3F9;
	width: 280px;
}
   div.RadDropDownList_StudentEditrddl .rddlInner {
      border-color: #EEF3F9;
   }
      div.RadDropDownList_StudentEditrddl .rddlInner.rddlHovered,
      div.RadDropDownList_StudentEditrddl .rddlInner.rddlFocused {
         border-color: #046696;
      }
   div.RadDropDownList_StudentEditrddl .rddlHovered {
      transition: 600ms ease-in-out;
   }
      div.RadDropDownList_StudentEditrddl .rddlHovered .rddlIcon {
         background-position: -2px -20px;
      }
div.rddlPopup_StudentEditrddl {
   border-color: #046696;
   color: #fff;
   background-color: #046696;
   font-size: 16px;
   padding: 5px 0;
   box-shadow: 0 5px 10px rgba(68,68,68,0.6);
}
   div.rddlPopup_StudentEditrddl .rddlItemHovered, div.rddlPopup_StudentEditrddl .rddlItemLoading {
      color: #444;
      background-color: #e7e7e7;
   }
   div.rddlPopup_StudentEditrddl .rddlItemSelected {
      color: #ffffff;
      background-color: #25a0da;
   }
/*RadMenu Skin Item*/
/*.RadMenu_Adhoc {
   z-index: 3000 !important;
   margin-left: 5px;
   float:right;
}
.RadMenu_Adhoc div.rmRootGroup, .RadMenu_Adhoc ul.rmRootGroup {
   background: none !important;
}
.RadMenu_Adhoc .rmRootLink:hover {
    border-color: none !important;
    background-color: #75C3E9;
}
.RadMenu_Adhoc .rmGroup, .RadMenu_Adhoc .rmPopup {
    border: 1px solid #e6e6e6;
    background-color: #046696 !important;
}
    .RadMenu_Adhoc .rmGroup .rmLink {
        color: #fff !important;
    }
        .RadMenu_Adhoc .rmGroup .rmLink:hover {
            color: #444 !important;
        }
        .RadMenu_Adhoc .rmGroup .rmLink.rmDisabled {
            color: #999 !important;
        }
.RadMenu_Scope {
   bottom:4px;
}
   .RadMenu_Scope a.rmRootLink {
      color: #0C4988;
      font-size: 12px;   
      padding: 0 !important;
   }
   .RadMenu_Scope a.rmRootLink:hover {
      background-color: white;
   }
      .RadMenu_Scope a.rmRootLink .rmText {
         text-decoration: underline;
      }
.RadMenu_Adhoc a.rmImageOnly .rmLeftImage, .RadMenu_Adhoc .rmRootGroup a.rmImageOnly {
    padding: 1px !important                              ;
}
.RadMenu_Adhoc .rmSelected, .RadMenu_Adhoc .rmSelected:hover, .RadMenu_Adhoc .rmExpanded, 
.RadMenu_Adhoc .rmExpanded:hover {
   border-color: transparent !important;
}
.RadMenu_Adhoc_SelectColumn {
   float: right !important;
   margin-left: 0;
}*/
/*fix for Firefox displaying double check boxes with Firefox release 63*/
@-moz-document url-prefix() {
   .rfdCheckboxUnchecked, .rfdCheckboxChecked {
      padding: 0 !important;
      background-image: none !important;
   }
}
/*added for tab focus on input checkbox for FireFox*/
:-moz-focusring, :focus {
   -moz-user-focus: normal;
}
/*allows focus rings on checkboxes in all browsers*/
span.RadButton:focus, input[type=checkbox]:focus {
   box-shadow: 0 0 2px 1px #25a0da inset !important;
}

/*below used for ADA mode on tabstrip and page selector*/
li.rtsSelected .rtsLink {
	background-color: #046696 !important;
}
a.rgCurrentPage {
	color: #000 !important;
}
/*session-message alerts at top of page*/
.session-message, .autoLogout-message, .unsaved-changes-message, .became-user-message {
   margin-bottom: 0 !important;
   border-radius: 0;
   text-align: center;
}
.session-message.alert button.close {
   margin-top: -5px;
}
/*sticky flash-messages alerts*/
div.stickyTop {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   background-color: #fff;
   z-index: 9000;
}
   div.stickyTop div.alert {
      margin-top: 6px;
   }
   div.stickyTop div.alert button.close {
      margin-top: -5px;
   }
/*prevents double check-box button in lists*/
.p-i-checkbox-checked::before, .p-i-checkbox::before {
   display: none !important;
}
