body {margin: 0; padding: 0; }
body, div, pre, select, textArea {font-family: Arial; font-size: 12px; color: Black;}

img {border: 0;}

#container { padding: 10px;}

.portrait {width:100%;margin: 0 auto;}
.landscape {width:100%;margin: 0 auto;}

.with_pagebreak { page-break-after:always; }

table.page_inside { page-break-inside: auto; }

table.with_padding { padding-top:10px; padding-bottom:10px; }

tr.page_inside { 
    page-break-inside: avoid;
    page-break-after: auto
}

thead.page_inside { display: table-header-group; }
tfoot.page_inside { display: table-footer-group; }

h1
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

label
{
    font-size: 10px;
}

.form_text
{
    font-size: 12px;
}

.printed_form
{
    font-size: 10px;
    text-align: left;
    width: 100%; 
}

.printed_form td, .printed_form th
{
    padding-left: 5px;
    text-align: left;
    vertical-align: top;
}

.with_borders
{
    border-left: 1px solid black;
    border-top: 1px solid black;
}
p.with_borders, .with_borders td, .with_borders th
{
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

p.with_borders
{
    padding:5px;
}

.without_borders, .without_borders td, .without_borders th
{
    border: none;
}

.with_padding
{
    padding-left: 50px;
}

.all_padding_5 {padding: 5px;}
.all_padding_10 {padding: 10px;}
.all_padding_15 {padding: 15px;}
.all_padding_20 {padding: 20px;}
.all_padding_25 {padding: 25px;}


div.printed_form.with_borders
{
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    width: 100%;
}

label.fixed_width 
{
    width:100px;
    padding-right:5px;
    display:inline-block;
}

td.fixed_width 
{
    width:100px;
    padding-right:5px;
}

.signature_block, .with_underline 
{
    width: 100%;
    border-bottom: 1px solid black;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.district_contact_information div
{
	font-size: 10px;
}

.district_contact_information h4
{
	padding: 0;
	margin: 0;
	text-decoration: underline;
}

.centered, .centered td { margin: 0 auto; text-align:center; }

.note_smaller{ font-size:smaller;}
.note { color:red; font-style:italic;}
.note_black { color:black; font-style:italic;}
.note_red { color:darkred; font-style:italic;}
.note_green { color:darkgreen; font-style:italic;}
.note_blue { color:darkblue; font-style:italic;}
.underlined {text-decoration:underline}

.btn {background: #164684; padding: 10px 20px; color: #fff; margin: 0; border: 0; font-weight: bold;width:auto;
        overflow:visible; text-decoration: none;
      -webkit-transition: background .2s linear;
      -moz-transition: background .2s linear;
      -o-transition: background .2s linear;
      transition: background .2s linear}
.btn:hover {background: #3263a4; cursor: pointer; color: #fff;}

.floatRight {float: right;}

    #mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
    #boxes .window {position:fixed; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px;}
   
    #boxes .modalContainer {width:375px; height:203px; padding:10px; background-color:#ffffff;}
    #boxes .modalContainer2 {width:403px; height:150px; padding:10px; background-color:#ffffff;}
    #boxes .modalContainer3 {width:600px; height:400px; padding:10px; background-color:#ffffff;}
    
    #boxes .modalContainer h3, #boxes .modalContainer2 h3, #boxes .modalContainer3 h3 {padding: 15px 0 0 0;  color: #164684;}
    
    .close {width: 35px; height: 35px; background:url(images/icon-closeDark.png); background-position: 50% 50%; text-indent: -9999px;}
    
h1, h2, h3, h4, p {margin: 0 0 7px 0; padding: 0;}

h1 {letter-spacing: -1px; font-size: 24px; text-shadow: 1px 1px 1px #fff; font-weight: bold;}
h2 {letter-spacing: -1px; font-size: 20px; text-shadow: 1px 1px 1px #fff; font-weight: bold;}
h3 {letter-spacing: -1px; font-size: 16px; text-shadow: 1px 1px 1px #fff; font-weight: bold;}
h4 {font-size: 12px; text-shadow: 1px 1px 1px #fff; font-weight: bold;}

h1 a,h2 a,h3 a,h4 a {color:#164684; text-decoration:none !important;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {color:#233138; }

h3.with_padding, h4.with_padding { padding-top:10px; padding-left:0; }

hr {border-top: 1px solid #ccc; border-left: 0; border-right: 0; border-bottom: 0; margin: 0; padding: 0 0 15px 0; height: 0;}
hr.thick { border-top: 3px solid #000 }

a {color: #164684;}
a:hover {color: #233138;}

@media print
{
    #container { padding: 0;}
	#boxes { display:none; }

	.Message { display: none; }
	.btn { display:none; }
	
	.portrait {width:770px;margin: 0 auto; padding:0; }
    .landscape {width:900px;margin: 0 auto; padding:0; }

}