﻿
.WEBLIB_Form { border: 1px solid #051643; margin: 10px auto; overflow: visible; width:auto; background-color: #fff; }
.WEBLIB_Form * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #20356D; outline: none; font-variant : normal; }

.WEBLIB_Form a { color: #00f; text-decoration: none; }
.WEBLIB_Form a:hover { color: #8f5322; text-decoration: underline; }
.WEBLIB_Form a:active { color: #327fb1; } 


/* FORM LAYOUT STYLE
==================================================================================================*/
.WEBLIB_Form .FormTitle { padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #051643; text-align: center; }
.WEBLIB_Form .FormTitle h1 { font-size: 16px; font-weight: bold; color: #04123D; }
.WEBLIB_Form .Content { background-color:#fff; padding: 5px 0 0 0; }
.WEBLIB_Form .Hidden { display: none; }


/* FORM FIELD SET INSTRUCTIONS STYLE
==================================================================================================*/
.WEBLIB_Form .Instruct { background-color: #0E122E; margin: 5px 10px 10px 10px; border: 1px solid #AEACE8; }
.WEBLIB_Form .Instruct * { color: #fff; }
.WEBLIB_Form .Instruct h2 { color: #F5F5C1; padding: 5px; background-color: #F9FAD2; color: #0E122E; float:left; }
.WEBLIB_Form .Instruct p { margin: 0 5px 1px 115px; padding: 5px; }
.WEBLIB_Form .Instruct ul { margin: 0 5px 10px 135px; }
.WEBLIB_Form .Instruct li { margin-bottom: 5px; }

/* FORM HTML FIELDSET STYLE
==================================================================================================*/
.WEBLIB_Form fieldset { margin: 0 10px 10px 10px; border: 2px solid #b9b8b8; padding: 10px; }
.WEBLIB_Form fieldset legend { padding: 3px; font-weight: bold;  border: 1px solid #b9b8b8;  }
.WEBLIB_Form fieldset > .Comment { color: #3B7442; }
.WEBLIB_Form fieldset .FieldSet { margin-left: 0; margin-right: 0; }


/* FORM FIELD SET STYLE
==================================================================================================*/
.WEBLIB_Form .FieldSet * { color: #346698; }
.WEBLIB_Form .FieldSet { margin: 5px 10px 10px 10px; padding: 5px 0 0 5px; border: 1px solid #cccccc; background: #fff none repeat-x; }
.WEBLIB_Form .FieldSet table { width: 100%; }
.WEBLIB_Form .FieldSet td { vertical-align:top; padding: 0; }
.WEBLIB_Form .FieldSet .Label { width : 200px; text-align: right; padding: 4px 5px 0 0; }
.WEBLIB_Form .FieldSet .Field { width: auto; }
.WEBLIB_Form .FieldSet .FldItem { float: left; margin-bottom: 5px; margin-right: 10px; }
.WEBLIB_Form .FieldSet .TextArea { float: none; padding-right: 10px;  }
.WEBLIB_Form .FieldSet .Comments { padding-left: 3px; font-size: 12px; color: #6d2415; display: block; }
.WEBLIB_Form .FieldSet .ListFlow td { padding-top: 3px; padding-right: 30px; white-space: nowrap; }
.WEBLIB_Form .FieldSet .GroupLabel { font-size: 14px; font-weight: bold; color: #1f2451; border-style: none; }


/* REQUIRED LEGEND 
==================================================================================================*/
.WEBLIB_Form .Legend { text-align: right; padding: 0; height: 25px; }
.WEBLIB_Form .Legend label { padding: 5px 10px; font-weight: bold; }


/* FORM ELEMENTS STYLE
==================================================================================================*/
.WEBLIB_Form input { color: #051541; background-color: #fff; } 

.WEBLIB_Form input[type="text"] { padding: 5px; height: 16px; border: 1px solid #ccc; }
.WEBLIB_Form input[type="text"].Focus { background-color: #FAF5D3; }
.WEBLIB_Form input[type="text"].Centered { text-align: center; }

.WEBLIB_Form input[readonly="readonly"] { border-width: 0; background-color: transparent; font-weight: bold; border-bottom: 2px solid #1C2845; }
.WEBLIB_Form input[readonly="readonly"].Focus { background-color: transparent; }
.WEBLIB_Form input[readonly="readonly"].Centered { text-align: center; }

.WEBLIB_Form input[type="password"] { padding: 5px; height: 16px; border: 1px solid #ccc; }
.WEBLIB_Form input[type="password"].Focus { background-color: #FAF5D3; }

.WEBLIB_Form input[type="submit"] { border: 1px solid #000; font-weight: bold; margin-left: 10px; background-color: #E1E4EB; color: #414E6B; padding: 3px 5px; }
.WEBLIB_Form input[type="submit"]:hover { color: #E1E4EB; background-color: #414E6B; }
.WEBLIB_Form input[type="button"] { border: 1px solid #000; font-weight: bold; margin-left: 10px; background-color: #E1E4EB; color: #414E6B; padding: 3px 5px; }
.WEBLIB_Form input[type="button"]:hover { color: #E1E4EB; background-color: #414E6B; }

.WEBLIB_Form .ListFlow input[type="radio"] { margin-right: 5px; display: block; float: left; background-color: transparent; margin-top: 1px; }
.WEBLIB_Form .ListFlow input[type="checkbox"] { margin-right: 5px; vertical-align: middle; display: block; float: left; font-weight: bold; }
.WEBLIB_Form .ListFlow input[type="radio"]:checked + label { background-color: #0F156B; color: #EBEDBE; }

.WEBLIB_Form textarea { overflow: auto; color: #051541; border: 1px solid #ccc; background-color: #fff; vertical-align: middle; width:98%; padding: 5px; display: block; }
.WEBLIB_Form textarea.Focus { background-color: #FAF5D3; }

.WEBLIB_Form select { border: 1px solid #ccc; padding: 2px 5px; background-color: #ffffff; vertical-align: middle; color: #051541; overflow: auto; }
.WEBLIB_Form select.Focus { background-color: #FAF5D3;  }
.WEBLIB_Form option { color: #000; padding: 2px 5px; outline: none; border: none; }

.WEBLIB_Form label { color: #346698; font-weight: normal; font-size: 13px; }
.WEBLIB_Form .GroupLabel label { margin-top: 15px; }
.WEBLIB_Form .FldItem label { display:block; font-size: 12px; padding: 0; color: #632727; }
.WEBLIB_Form .FldItem label.Required { font-weight: normal; } 
.WEBLIB_Form .ListFlow label { padding: 0 5px 2px; }
.WEBLIB_Form .FieldSet label { display:block; }
.WEBLIB_Form label.Required { font-weight: bold; }
.WEBLIB_Form .ListFlow td > label { font-weight: bold; vertical-align: middle; display:block; margin-left: 15px; padding: 0 5px 2px 5px; }
.WEBLIB_Form .ListFlow td > label { font-weight: bold; vertical-align: middle; display:block; margin-left: 15px; padding: 0 5px 2px 5px; }


/* FORM NAVIGATION 
==================================================================================================*/
.WEBLIB_Form .Navigation { padding: 5px; margin-top: 5px; }
.WEBLIB_Form div.Navigation { text-align: right; }
.WEBLIB_Form .Navigation input[type="submit"] { border: none; width: 101px; height:34px; font-weight: bold; margin-left: 10px; }
.WEBLIB_Form .Navigation input[type="submit"]:hover { background-position: -107px -10px; color: #2136C7; }
.WEBLIB_Form .Navigation input[type="button"] { border: none; width: 101px; height:34px; font-weight: bold; margin-left: 10px; }
.WEBLIB_Form .Navigation input[type="button"]:hover { background-position: -107px -10px; color: #2136C7; }


/* FORM ERROR STYLE
==================================================================================================*/
.WEBLIB_Form .FieldErrorPanel { margin: 0; padding: 0; }
.WEBLIB_Form .FieldErrorPanel div div { color: #fff; font-size: 12px; font-weight: bold; background-color: #a03232; padding: 2px; clear: both; border: 1px dashed #F89666; margin: 5px 5px 0 2px; min-height: 18px; text-align: left; }
.WEBLIB_Form .FieldErrorPanel div div img { vertical-align: middle; height: 16px; width: 16px; padding-right: 3px; margin-left: 3px; background: url('Icons_16.png') no-repeat 0 0; float: left;  }

.WEBLIB_Form .FormErrorPanel {  background: #F6F6E2 url('Icons_48.png') no-repeat 0 -200px;  margin-top: 3px; padding: 5px 10px 0 15px; border-bottom: 1px dashed #F89666; border-top: 1px dashed #F89666; min-height: 50px; }
.WEBLIB_Form .FormErrorPanel div { color: #D70000; font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-left: 45px; }
.WEBLIB_Form .FormErrorPanel ul { margin-bottom: 0; list-style-type: none; margin-left: 45px;  }


/* FORM MESSAGE BOX
==================================================================================================*/
.WEBLIB_MessageBox .Content { height: 140px; }
.WEBLIB_MessageBox .Content img { height: 128px; width: 128px;	display: block;	float: left; margin: 5px 15px; padding: 2px; background: url('Icons_128.png') no-repeat 0 -405px; }
.WEBLIB_MessageBox .Content img.SuccessIcon { background-position: 0 -405px; }
.WEBLIB_MessageBox .Content img.EmailSentIcon { background-position: 0 0;  }
.WEBLIB_MessageBox .Content img.WarningIcon { background-position: 0 -540px; }
.WEBLIB_MessageBox .Content img.ErrorIcon { background-position: 0 -135px;  }
.WEBLIB_MessageBox .Content img.QuestionIcon { background-position: 0 -270px; }
.WEBLIB_MessageBox .Content img.SecurityIcon { background-position: 0 -540px; }

.WEBLIB_MessageBox .Content h2.Header { margin: 10px 10px 5px 165px; font-size: 16px; color: #456489; font-weight: bold; }
.WEBLIB_MessageBox .Content .Message { margin: 15px 10px 5px 165px; font-size: 14px; color: #456489; font-weight: normal; }
.WEBLIB_MessageBox .ContactFooter { margin: 15px 5px 5px 15px; font-size: 12px; color: #456489; background-color: #fff; }
.WEBLIB_MessageBox .Footer { font-size: 11px; color: #456489; padding: 10px 15px; background-color: #F6F6E2; border-bottom: 1px dashed #F89666; border-top: 1px dashed #F89666; }


/* FORM DATA TABLE
==================================================================================================*/
.WEBLIB_FormDataTbl .Content { margin: 5px 10px; }
.WEBLIB_FormDataTbl .Header h2 { font-size: 16px; color: #2f2f58; margin-bottom: 3px; border-bottom-color: transparent; }
.WEBLIB_FormDataTbl .Icon { background: url('Icons_48.png') transparent no-repeat 0 -150px; padding-left: 55px; min-height: 50px; }
.WEBLIB_FormDataTbl .Icon .Warning { background: url('Icons_48.png') transparent no-repeat 0 -200px;  }
.WEBLIB_FormDataTbl .Icon h2 { margin-left: 55px; margin-bottom: 3px; }
.WEBLIB_FormDataTbl .Icon p { margin-left: 55px; }
.WEBLIB_FormDataTbl table { margin: 10px auto; border:  1px solid #cbccd0; }
.WEBLIB_FormDataTbl td { padding: 5px; border-right: 1px solid #cbccd0; border-bottom: 1px solid #cbccd0; vertical-align: top; }
.WEBLIB_FormDataTbl td.Field { font-weight: bold; }
.WEBLIB_FormDataTbl .Footer { margin: 15px auto 10px auto; background-color: #efecfa; padding: 10px; border:  1px solid #cbccd0; }
.WEBLIB_FormDataTbl .Footer ul { margin-left: 25px; }


/* FORM DYNAMIC PANEL
==================================================================================================*/
.WEBLIB_Form .DynamicPnl .AddPnl { padding: 3px; border: 1px solid #cbccd0; margin-bottom: 5px; margin-right: 5px; }
.WEBLIB_Form .DynamicPnl .AddPnl a { margin-left: 35px; height: 35px; display: block; padding-top: 15px; padding-left: 45px; font-size: 14px; font-weight: bold; color: #00f; background: url('Add_Off.png') transparent no-repeat 0 3px; }
.WEBLIB_Form .DynamicPnl .AddPnl a:hover { background: url('Add_On.png') transparent no-repeat 0 3px; }
.WEBLIB_Form .DynamicPnl .Comment { padding-left: 3px; font-size: 12px; color: #6d2415; display: block; margin-bottom: 3px; }
.WEBLIB_Form .DynamicPnl .FieldSet { margin-top: 0; }
.WEBLIB_Form .DynamicPnl .CmdPnl { text-align: right; margin: 5px 10px 0 10px; border: 1px solid #CCC; border-bottom-width: 0; padding: 3px 5px 3px 3px; background-color: #d8d6ea; }