/* CSS Document */

body {
	padding: 0;
	text-align: ;
	color: #000000;
	/* background: #ececec url(images/main-top-bg.jpg) repeat-x top left; */
	background-color:#CCCCCC;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	font-family: arial, hevetica, sans-serif;
	font-size: 12px;
}

/* The width of this mainShaddow box defines the width of all the sub boxes */

#mainShaddow {
padding: 1px;
margin: auto;
width:800px;
background-color:#CCCCCC;
}

#mainBox {
border:1px solid #000000; background-color:#ffffff;
}

/*
The width of the header is always going to be the width of the mainShaddow minus double the padding, margin and border sizes of the
mainshaddow and mainbox elements. For example:

	765 = mainShaddow width
-   2 = mainBox border ( 1 px on left, 1px on right )
-----
  763 = header width
*/

#header {
	background-color:#000000;
	width:800px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height: 150px;
}

/*
The widths of the bodyLeft and bodyRight together with margins and padding should add up to exactly the width of the header

	352 = bodyLeft width
   30 = bodyLeft padding for left and right sides ( 15px on left, 15px on right )
  351 = bodyRight width
+  30 = bodyRight padding for left and right sides ( 15px on left, 15px on right )
-----
  763 = header width
*/

#bodyLeft {
width:352px; padding:15px; float:left; text-align:left; background-color:#ffffff;
}
#bodyLeft2 {
	width:230px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	padding-top: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#bodyMid {
	width:240px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	padding-top: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#bodyRight2 {
	width:260px;
	float:right;
	text-align:left;
	background-color:#ffffff;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 5px;
		margin-bottom: 10px;
}
#bodyRight {
width:380px; padding:15px; float:left; text-align:left; background-color:#ffffff;
}
#booklet {
	width:750px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	margin-right: 10px;
	margin-left: 10px;
}
#booklet-table {
	width:140px;
	padding: 6px;
	border: 1px solid #999999;
	font-size: 7pt;
	font-weight: bold;
}
#booklet-img {
	width:140px;
	padding-bottom: 6px;

}
#cd-booklet {
	width:480px;
	float:left;
	text-align:justify;
	background-color:#ffffff;
	margin-right: 10px;
	margin-left: 10px;
}
#cd-left {
	width:460px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	margin-right: 10px;
	margin-left: 10px;
}
#cd-right {
	width:260px;
	float:right;
	text-align:left;
	background-color:#ffffff;
	margin-right: 5px;
	margin-left: 10px;
}
/* top page */

div#errorDisplay {
	background-image:url(images/field-alert.gif);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	border: 1px;
	border-color: #BB0000;
	border-style: solid;
	background-color: #FFE813;
	display: none;
	padding:5px 0px;
	margin:10px;
}
div#errorDisplay ul {
	list-style-type: square;
	margin-top:0px;
	margin-bottom:0px;
}
.style2 {
	color: #FF0000;
	font-weight: bold;
}
.style3 {color: #b91c22}

/* end top page */

.red{
	font-size: 14pt;
	font-weight: bold;
	color: #FF0000;
	width: 800px;
	padding-top: 15px;
	padding-bottom: 20px;
}
#booklet-btm {
	width:271px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	margin-right: 30px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#booklet-btm2 {
	width:250px;
	float:left;
	text-align:left;
	background-color:#ffffff;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 10px;
}
#booklet-btm2 li{
	list-style-position: outside;
	list-style-image: url(images/checm-bullet.gif);
	list-style-type: none;
}
#footer {
	clear: both;
	color: #272900;
	text-align: left;
	font-size: 90%;
	background-color:#e6e6e6;
	padding:5px 25px 7px 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #a2a2a2;
	border-bottom-color: #000000;
}

#fblLogo {
	position:inherit;
	float: right;
	background-color:#CCCCCC;
}

#fblLogo img:hover {
	background-color:#CCCCCC;
}

/*
////////////////////////////////////////////////////////////////
Class Definitions on specific tags
////////////////////////////////////////////////////////////////
*/

h3 {
	font-size: 14px;
	color: #b91c22;
}

hr {
	border:0;
	background-color:#9f9f9f;
	color: #9f9f9f;
	height: 1px;
	margin:10px 0px 10px 0px;
}

div.label_field_pair {
	clear: both;
	float: none;
	padding: 2px 0px 2px 0px;
	font-size:11px;
}
div.label_field_pair label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 150px;
	font-size:11px;
	background-color:#ffffff;
}
div.label_field_pair input {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 150px;
	font-size:10px;
}

div.label_field_pair select {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 155px;
	font-size:10px;
}

/*
Definitions used for states
*/

.para {
	display:table;
}
.para2 {
	display:none;
}

.para#countries {
	display:inline;
}

.errors {
	margin:10px 0px 10px 0px;
	padding: 15px 15px 15px 15px;
	background-color:#FFFFCC;
	color:#990000;
}

.errors ul {
	padding:0px;
	margin:10px 0px 0px 25px;
}

.errors li {
	padding:0px;
	margin:0px;
}

















/* FORM STYLE SHEET */

div#navBar {
	height: 3em;
	margin-bottom: 2em;
	width: 60em;
}

div#navBar li {
	background-color: #FFFFFF;
	border-color: #7E9FDA;
	border-style: solid;
	border-width: 0.1em;
	float: left;
	list-style: none;
	margin: 0.2em;
	padding: 0.5em;
	text-align: center;
	white-space: nowrap;
	width: 9em;
}

div#navBar li a, div#navBar li a:link{
	color: #3362B4;
	text-decoration: none;
}

div#navBar ul {
	margin-left: -1.0em;
}

div.docBlock {
	margin-bottom: 2em;
	min-width: 600px;
	padding: 0.8em !important;
}

div.docBlock .code {
	background-color: #FFFDE8;
	border-color: #003366;
	border-style: solid;
	border-width: 0.1em;
	color: #333333;
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 130%;
	margin: 1em;
	padding: 1em;
}

div.docBlock h1, div.docBlock h3 {
	background-color: #FFFFFF;
	color: #3362B4;
	font-size: 1.0em;
	font-weight: bold;
	margin-left: 1em;
	margin-top: -1.8em;
	padding: 0.3em;
	white-space: nowrap;
	width: 75%;
}

div.docBlock table {
	background-color: #7E9FDA;
	width: 100%;
}

div.docBlock td {
	background-color: #FFFDDD;
	padding: 0.2em;
	vertical-align: top;
}

div.docBlock, h1, h3, fieldset, input, textarea {
	border: 0.1em;
	border-color: #B6C4A3;
	border-style: solid;
	padding: 0.3em;
	text-align: left;
}
div.docBlock, h3 {
	border: 0.1em;
	border-color: #B6C4A3;
	border-style: solid;
	padding: 0.3em;
	text-align: center;
}
fieldset {
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
}



input {
	margin: 0.1em;
}

input.invalid, textarea.invalid {
	background-color: #FFE813;
	border: 0.1em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0.1em !important;
}

input.invalid:focus, textarea.invalid:focus {
	background-color: #FFE813;
	border: 0.2em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0 !important;
}

input:focus, textarea:focus {
	background-image: none;
	border: 0.2em;
	border-color: #7E9FDA;
	border-style: solid;
	margin: 0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
	border: 0;
	margin: 0.1em;
}

input[type="submit"] {
	border-style: outset;
	border-width: 0.2em;
	margin: 0em;
}

input[type="submit"]:active {
	border-style: inset;
	border-width: 0.2em;
	margin: 0em;
}

input[type="submit"]:focus {
	border-style: outset;
	border-width: 0.2em;
	margin: 0em;
}

legend {
	background-color: #FFFFFF;
	border: 0.1em;
	border-color: #7E9FDA;
	border-style: solid;
	color: #990000;
	font-weight: bold;
	padding: 0.5em;
}

.boxes {
	border: none;
}

.required {
	background-image: url(images/required.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}
.yeloww {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B6C4A3;
	border-right-color: #B6C4A3;
	border-bottom-color: #B6C4A3;
	border-left-color: #B6C4A3;
	background-color: #F7F7E9;
}
#form {
	width: 800px;
	float: left;
}
#other {
	width: 760px;
	float: left;
	padding: 0px;
}a {
	color: #b91c22;
}

/* form styles */

.ApplicationHeader {
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #000000;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.frmInput {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background-color : #FAFAFA;
	text-align: right;
}
.frmInput2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background-color : #FAFAFA;
}
.drpDown1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


div#errorDisplay {
background-image:url(images/field-alert.gif);
background-position: 5px 4px;
background-repeat: no-repeat;
border: 1px;
border-color: #BB0000;
border-style: solid;
background-color: #FFE813;
display: none;
padding:5px 0px;
margin:10px;
}
div#errorDisplay ul {
list-style-type: square;
margin-top:0px;
margin-bottom:0px;
}
.style1 {
color: #FF0000;
font-weight: bold;
}
.style2 {color: #3362B4}
.style3 {
color: #b91c22;
font-weight: bold;
}