@charset "utf-8";
/* CSS Document */



hr.dotted {
border-bottom: 1px dotted #3C5A78;	
background:none;	
 margin: 1em 0;
}


.primary-forms-col {width:61%; }


.columnforms ul li {

    font-size: .785em;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5em;
    padding:.2em 0em .2em 0;
	margin:0 !important;

}

.columnforms ul {
margin:0.5em 1em;
padding:0px;	
}

.threecolforms{width:29.81%; padding:0 1%; overflow:hidden;   }

/* ..............................................................................................
Top Forms - Side Float - Left aligned not centered
..................................................................................................*/

.form-info-left {
	margin-bottom:.5em;
	margin-left:1em;
	margin-top:2em;
	margin-right:0;
	text-align:left;
	float: right;
    padding: 0;
    width: 29%;
	}


.form-info-left h3 {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0.8em 0;

    padding-bottom: 0.5em;
}

.form-info-left p {
    font-size: 0.75em;
    line-height: 1.6em;

}

.form-info-left ul li {

    font-size: .75em;
	
}



/* ..............................................................................................
Forms - Accordion Menu
..................................................................................................*/

        .submenuforms{ display: none; }


	
#formsmenu{
margin: 1.5em 0;
padding: 0;



	background:#f4f4f4;  

	border-radius: 0.25em 0.25em 0.25em 0.25em;	
	border:1px solid #ecebeb;   
	border-bottom-width: 0;
	box-shadow: 0 0 0 1px #fff inset; 
}

#formsmenu .menu-header a {
	background:#6a97d0 url(http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/glossyback2.gif) repeat-x bottom left;

color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
	margin: 0px;
	padding: 6px 10px;
text-decoration: none;

    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1em;
	font-weight: normal;
}

#formsmenu .menu-header a.notselectedmenu:after 

{
 font-family: 'icomoon';
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
	content:"\f078";
	font-size: .9 em;
		color:#FFF;

    float: right;
	clear:both;

}
#formsmenu .menu-header a.selectedmenu:after 

{
 font-family: 'icomoon';
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
content:"\f077";
	font-size: .9 em;
		color:#FFF;

    float: right;
	clear:both;

}



#formsmenu .menu-header a:visited, #formsmenu .menu-header a:active{
color: white;

}

#formsmenu .menu-header a.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 15px;
right: 5px;
border: none;
}

#formsmenu .menu-header a:hover{
	background-color:#9cc5fa;
background-image: url(http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/glossyback.gif);

}

#formsmenu div.submenuforms{ /*DIV that contains each sub menu*/
background: #f4f4f4;
}

#formsmenu div.submenuforms ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

#formsmenu div.submenuforms ul li{
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	padding:0;
	margin:0;
	list-style-type: none;
}

#formsmenu div.submenuforms ul li a{
display: block;
font: normal 95% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
padding: 5px 5px 5px 10px;

}



#formsmenu div.submenuforms ul li a:hover{
background: #ecebeb;
color: #4A463E;
}

#formsmenu div.submenuforms ul li a.selected {
	color: #CC6600; /* link text color */

	font-weight: bold;
	padding-left: 22px;
	background-image: url(http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/menu-arrow.png) ;
	background-repeat: no-repeat; /* don't tile the image */
	background-position:10px 50%; 
}




.numberofforms {
	clear:both;
    float: right;
    padding:3px 2px;
	font-size:90%;

}

/* ..............................................................................................
Emd Forms - Accordion Menu
..................................................................................................*/

.responsive tr.policycategory {
border: none;	
}




.responsive tr.policycategory td {
	color: #A0411D;

    font-size: 1.1em;
    font-weight: normal;

    margin: 0 0 0 0;
	padding:0 0 .5em 0;
	
  border: none;	
  background-color:#FFF;
}

.responsive tr.formcategory {
border: none;	
}




.responsive tr.formcategory td {
	color: #A0411D;

    font-size: 1.2em;
    font-weight: normal;

    margin: .5em 0;
	padding-left:0;
  border: none;	
  background-color:#FFF;
}


.responsive td.subcategory { 
background: #dbe6f0;
color: #4A463E;
    font-size: 1em;
  font-weight: bold;
  padding-left:1em;
 

}


.responsive td.calendarhead { 
background: #FFFFFF;
color: #A0411D;
    font-size: 1em;
  font-weight: normal;
  padding: 1.5em 0 0 5px;
    border: 0px; 

}

.responsive td.calendarhead.firstrow { 

  padding: .5em 0 0 5px;

}

.responsive tr.calendarrow {
background: #f4f4f4; 	
}

.responsive td.icon {
border:none;
	
}

.formdetailtable {
width:auto !important;	
}

.formtable {
	
margin-top:1.5em;	
}
.formtable td {
	 padding: 10px 6px; }
	 
	.formdetailtable td {
	 padding: 10px 6px; } 
	 
	 td.policybacktotop {
		padding:0px 0px 0px 0px; 
		background-color:#FFFFFF;
		 border:0px;
		 text-align:right;
	 }
	 
	 	 td.policybacktotop a {
		font-weight:normal;
		font-size:80%;
	 }
	 
	 /*    -------------------------------------- StartTooltip Styles  for Forms Site    -------------------------------------- */
	 
.tooltip{
    display: inline;
    position: relative;
	text-decoration:none;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;

}
 a.tooltip:hover {
	text-decoration:none !important; 
 }

	 /*     -----------------------------* END Tooltip Styles    ----------------------------------------- */
	 
	 	 /*    -------------------------------------- StartTooltip Styles for Image Map     -------------------------------------- */
	 
.tooltipimg {
    display: inline;
    position: relative;
	text-decoration:none;
}

.tooltipimg:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;

    color: #fff;
    content: attr(title);

    padding: 5px 15px;

	
	position: absolute; right: 1em; bottom:6em; z-index: 9999;
			margin-left: 0; width: 250px;

}
 a.tooltipimg:hover {
	text-decoration:none !important; 
 }

	 /*     -----------------------------* END Tooltip Styles  for Image Map   ----------------------------------------- */


/* ..............................................................................................
Form Detail Heading Styles
..................................................................................................*/
.formheader {
 margin:.8em 0 0em 0;
 padding:0; }
	
.nosubheader {
 margin:.8em 0 1em 0;
 padding:0; }
 	
.formsubheader {

		margin: 0em 0 1em 0;
		border-bottom: none;
		padding:0;
		color:#3C5A78;
}

#formdetail.office-info-left

{
margin-top:0px;	
}
/* ..............................................................................................
Old Menu
..................................................................................................*/

/* ..............................................................................................

Policy Index Table
..................................................................................................*/

table.policyindex { 
  width: auto; 
  border-collapse: collapse; 

}


.policyindex td, .policyindex th { 
  padding: 0px; 
  border: 0px; 
  margin:0px;
  text-align: left; 
 

}

.policyindex pre {
	margin:1.2em 0 0 0;
padding:0px;
line-height:1em;
}

a.bluelink {
font-size:.85em;	
margin:0px;
padding:0px;
line-height:1em;
}



/* ..............................................................................................

Policy Fixed Menu
..................................................................................................*/

h4.glance { margin-top:0.4em; }

.letterindex {
 
padding:3px;
  
    background-color: #F3F3F1;
    border: 1px solid #EBEBEA;
  
}

.textblacksm

{
	
	width:99%; font-size:.9em; 
}

.glance-img { width:100%;height:auto; }

.btn-forms {
	background-color:#5A81B2;
	color:#FFF;
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 0;
  margin-top:5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn-forms:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-forms:hover,
.btn-forms:focus {
  color: #FFF;
  background-color:#c56906;
  text-decoration: none;
}

.btn-forms:active,
.btn-forms.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		  
		  
}

.btn-year {
background-color:#E37805;	
  border: 1px solid #5A81B2;
  margin:0px;
  margin-bottom:3px;
    padding: 4px 8px;
}

.btn-year:hover, .btn-year:focus {
background-color:#c56906;	
}

.label-year {
	color:#FFF; font-size:16px; margin-right:5px; font-weight:bold;
}


#submenulist .sub-nav .orange li h2 {
    background-color: #cb7217;
    font-size: 0.8em;
    text-transform: uppercase;
}




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

	
	.primary-forms-col, .form-info-left, .threecolforms {width:100%; margin:0 ;padding:0; display:block;overflow:hidden; }
  /* ............RESPONSIVE TABLE STYLES ..........*/ 
  table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 
		display: block; 
	}
	

	/* Hide table headers (but not display: none;, for accessibility) */

	
	
}


@media only screen and (max-width: 500px) {
	
	 table.policyindex, .policyindex thead, .policyindex tbody, .policyindex th, .policyindex td, .policyindex tr { 
		display: block; 
	}

.policyindex th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.policyindex tr { border: 1px solid #ccc; }
	
	.policyindex  td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px solid #eee; 
		position: relative;
		
	}
	
	.policyindex  td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	
	}	}