@charset "utf-8";
/* CSS Document */

/* -------------------------------- FONT TYPE AND COLOR -------------------------------*/

* { font-family: "Tahoma"; }

/* Font Size */
.zsnazzy h1, h1 { font-size:14px; }
h2 { font-size:13px; }
h3 { font-size:12px; }

.required { font-size:12px; font-weight:bold; color:#FF0000; } /* Used on the asterisks which indicate a required field. */
p, ol, li, h1, h2, h3, h4 { font-size:11px; font-weight:bold; color:#1c304a; }
input, select, textarea { font-size:11px; font-weight:normal; color:#222222; } /* The color of all data. */

/* Alignment */
h1 { margin:0; padding:0 10px 5px 10px; border-bottom:1px solid #1c304a; background:#cfdced; } /* background is same as .color_a. */

/* Display */
.Hidden { display:none; }

img { border:0px; }
img.Button { cursor:hand; vertical-align:middle; }
img.Calendar { cursor:hand; vertical-align:bottom; padding-left:5px; }

.noTopPad { margin-top:0; padding-top:0; }
.noPad { font-size:11px; font-weight:bold; color:#1c304a; margin:0; padding:0; }
.zsnazzy p.b { font-weight:bold; }
.zsnazzy p.n, p.n, span.n { font-weight:normal; }

.zsnazzy p.l, .RoundedBox p.l, p.l { text-align:left; }
.zsnazzy p.c, .RoundedBox p.c, p.c, td.c, input.c { text-align:center; }
.zsnazzy p.r, .RoundedBox p.r, p.r { text-align:right; }

.zsnazzy p.rep { padding:4px; }

.zsnazzy p.hdr { color:#ffffff; } /* Grouping headers in reports. */

textarea { overflow:hidden; }

.link { text-decoration:underline; cursor:hand; }

/* .Button-------------------------------- TABLES -------------------------------*/

table { border-collapse:collapse; width:100%; border:none; }

th { border-bottom:1px solid #1c304a; vertical-align:bottom; } /* Report titles. */
td, th { vertical-align:top; padding:4px; } /* All fields in table cells align with the top of their row. */
.rbord { text-align:center; border-right:1px solid #1c304a; } /* Cell borders in reports. */

/* ---------------------------- ROUNDED BOXES ---------------------------*/

.zsnazzy {width:780px; margin-top:20px;}
.zsnazzy p { margin:0; padding:1px 5px 0 0; text-align:right; }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #1c304a; border-right:1px solid #1c304a;}
.xb1 {margin:0 5px; background:#1c304a;}
.xb2 {margin:0 3px; border-width:0 2px; background:transparent;}
.xb3 {margin:0 2px; background:transparent;}
.xb4 {height:2px; margin:0 1px; background:transparent;}

.xboxcontent {display: block; border: 0 solid #1c304a; border-width: 0 1px; height: auto;}

.color_a { background:#cfdced; } /* The color of the ZSnazzyBox headers. */
.color_b { background:#ffffff; } /* Title bar on every entry page and report. */
.color_c { background:#cfdced; } /* The color of the alternating record lines. */
.color_d { background:#233c5c; } /* Report Subheadings. */

.txtcolor_a { color:#FFFFFF; } /* The color of all subheaders in reports. */

/* ---------------------------- CUSTOM ALERT FORMATTING ---------------------------*/

.RoundedBox { position:relative; width:40%; top:25%; margin-left:auto; margin-right:auto; }
.RoundedBox p { margin:0; padding:5px 10px; text-align:right;}

.xtop, .RoundBordersBottom {display:block; background:transparent; font-size:1px;}
.RoundBorders1, .RoundBorders2, .RoundBorders3, .RoundBorders4 {display:block; overflow:hidden;}
.RoundBorders1, .RoundBorders2, .RoundBorders3 {height:1px;}
.RoundBorders2, .RoundBorders3, .RoundBorders4 {background:#FFFFFF; border-left:1px solid #1c304a; border-right:1px solid #1c304a;}
.RoundBorders1 {margin:0 5px; background:#1c304a; }
.RoundBorders2 {margin:0 3px; border-width:0 2px; }
.RoundBorders3 {margin:0 2px; }
.RoundBorders4 {height:2px; margin:0 1px; }
.RoundBordersBoxContent {display: block; border: 0 solid #1c304a; border-width: 0 1px; height: auto; background:#FFFFFF;}

.color_a { background: #cfdced; } /* The color of the RoundedBoRoundBordersox headers. */




#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10000;
	text-align:center;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}


#closeBtn
{
	display:block;
	margin:5px auto;
	padding:3px;
	border:1px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}


/* ------------------- Background image -------------------- */

body
{
	background-image: url(images/background_compass.gif);
	background-repeat: no-repeat;
	width:780px;
	margin:auto;
}

/* ------------------- Bar Positioning -------------------- */


#ButtonBarWrap, #TitleBarWrap, #FooterWrap
{
	position:absolute;
	right:0px;
	left:0px;
	padding:5px 0 5px 0;
}

#ContentWrap
{
	position:fixed;
	right:0px;
	left:0px;
	padding:5px 0 5px 0;
	overflow:auto;
	z-index:-10;
	background-image:url(tp.png);
	background-repeat:repeat; /* Needed to allow scrolling everywhere on the page. */
}

#ButtonBarWrap
{
	top:0;
	height:60px;
	overflow:hidden;
}

#TitleBarWrap
{
	top:70px;
	height:20px;
	overflow:hidden;
}

#FooterWrap
{
	bottom:0;
	height:30px;
	overflow:hidden;
	position:fixed;
}

div#ButtonBar, div#TitleBar, div#Content, div#footer { width:780px; margin:0 auto; }


div.SmallBox { border:1px solid #7f9db9; margin:5px; width:80px; height:50px; }
div.WorkBox { border:1px solid #7f9db9; margin:5px; width:570px; height:80px; }
div.PNBox { border:1px solid #7f9db9; margin:5px; width:150px; height:35px; }
div.DescriptionBox { border:1px solid #7f9db9; margin:5px; width:350px; height:35px; }
div.SignatureBox { border:1px solid #7f9db9; margin:5px; width:550px; height:35px; }
