html, body, #wrapper
{
   height:100%;
   margin: 0;
   padding: 0;
   border:none;
   text-align: center;
 
   background-color: #DCDCDC;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: .8em;
   font-weight: normal;
   letter-spacing: normal;
   text-transform: none;
   word-spacing: normal;
}
#wrapper 
{
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 400px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
   color: #003366;
}
H1
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 2em;
   font-weight: 700;
   font-style: normal;
   text-decoration: none;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
}

H2
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.75em;
   font-weight: 700;
   font-style: normal;
   text-decoration: none;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
}

H3
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.58em;
   font-weight: 500;
   font-style: normal;
   text-decoration: none;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
}

H4
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.33em;
   font-weight: 500;
   text-decoration: none;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
}

H5, DT
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: 700;
   font-style: normal;
   text-decoration: none;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
}

H6
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: .8em;
   font-weight: 700;
   font-style: normal;
   text-decoration: none;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
}

TFOOT, THEAD
{
   font-size: 1em;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
   font-family: Arial, Helvetica, sans-serif;
}

TH
{
   vertical-align: baseline;
   font-size: 1em;
   font-weight: bold;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
   font-family: Arial, Helvetica, sans-serif;
}


A:link
{
   text-decoration: none;
   color: #3333cc;
}

A:visited
{
   text-decoration: none;
   color: #333399;
}

A:active
{
   text-decoration: none;
   color: #333399;
}

A:hover
{
   color: #3333cc;
   text-decoration: underline;
}

SMALL
{
   font-size: .7em;
}

BIG
{
   font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
   font-family: Courier New, monospace;
}


UL LI
{
   list-style-type: square;
}

UL LI LI
{
   list-style-type: disc;
}

UL LI LI LI
{
   list-style-type: circle;
}

OL LI
{
   list-style-type: decimal;
}

OL OL LI
{
   list-style-type: lower-alpha;
}

OL OL OL LI
{
   list-style-type: lower-roman;
}

IMG
{
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
}
.TextBoxAlignRight
{
   text-align: right;
}
.TextBoxTextSmall
{
   font-family: Verdana;
   font-size: xx-small;
}

.InvoiceHdrTbl
{
   border-color: #000;
   border-style: solid;
   border-width: 0 0 1px 1px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
.InvoiceHdrTd
{
   border-color: #000;
   border-style: solid;
   margin: 0;
   padding: 4px;
   border-width: 1px 1px 0 0;
}

#tblLayout
{
   background-color: White;
   padding: 0,0,0,0;
   width: 850px;
   text-align: center;
   border-width: 1px;
   border-style: solid;
   border-color: Gray;
   border-top-width: 0px;
}
#tblLayoutAdmin
{
   background-color: White;
   padding: 0,0,0,0;
   text-align: center;
   border-width: 1px;
   border-style: solid;
   border-color: Gray;
   border-top-width: 0px;
}

.spiffy
{
   display: block;
}
.spiffy *
{
   display: block;
   height: 1px;
   overflow: hidden;
   font-size: .01em;
   background: #F0F0F0;
}
.spiffy1
{
   margin-left: 3px;
   margin-right: 3px;
   padding-left: 1px;
   padding-right: 1px;
   border-left: 1px solid #f8f8f8;
   border-right: 1px solid #f8f8f8;
   background: #f3f3f3;
}
.spiffy2
{
   margin-left: 1px;
   margin-right: 1px;
   padding-right: 1px;
   padding-left: 1px;
   border-left: 1px solid #fdfdfd;
   border-right: 1px solid #fdfdfd;
   background: #f2f2f2;
}
.spiffy3
{
   margin-left: 1px;
   margin-right: 1px;
   border-left: 1px solid #f2f2f2;
   border-right: 1px solid #f2f2f2;
}
.spiffy4
{
   border-left: 1px solid #f8f8f8;
   border-right: 1px solid #f8f8f8;
}
.spiffy5
{
   border-left: 1px solid #f3f3f3;
   border-right: 1px solid #f3f3f3;
}
.spiffyfg
{
   background: #F0F0F0;
   padding: 10px 10px 10px 10px;
}

@media print
{
   .noprint
   {
      display: none;
   }

   #tblLayout
   {
      border-color: White;
   }
   
}

/*----------------------------------------*/
/* id card request */

#IdRequestMain
{
	text-align:center;
	vertical-align:middle;
	width:500px;
	height:400px;
	border-style:solid;
	border-color:Gray;
	background-color:White;
	margin:auto;
	text-align:center;
	font-size:11pt;
}

.ReqCardTitle
{
	background-color:Navy;
	color:White;
	width:auto;
	padding: 5px 5px 5px 5px ;
	font-size:20pt;
	font-weight:bold;
	font-family:Verdana,Arial;
}

.ReqCardSubtitle
{
	font-size:12pt;
	font-weight:normal;
	font-family:Verdana,Arial;
	padding: 5px 5px 5px 5px ;
	background-color:#DCDCDC;
}

.ReqCardForm
{
	text-align:left;
	width:490px;
	height:320px;
	overflow:auto;
	padding: 5px 5px 5px 5px
}

.ReqCardPanel
{
	text-align:center;
}

.ReqCardText
{
	text-align:center;
	margin: 20px 20px 20px 20px;
	background-color:#F8F8FF;
	padding: 10px 10px 10px 10px
}

#ReqCardFooter
{
	font-size:8pt;
	text-align:right;
	margin: 3px 0px 0px 0px;
}

.ReqCardButton
{
	padding: 7px 7px 7px 7px;
	margin: 10px 2px 10px 2px;
}

.ReqCardDisabledMsg
{
	background-color:Yellow;
	font-weight:bold;
}

#ReqCardTemplateForm
{
}

.ReqCardValidationText
{
    color:Red;
    font-weight:bold;
    font-size:10pt;
    margin:10px,10px,10px,10px;
}

table#ReqCardConfirmTable 
{    
    font-size:10pt;
    background-color:#F8F8FF;  
    border-spacing:0;
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 0 0 1px 1px;
}

table#ReqCardConfirmTable td 
{    
    padding: 5px;    
    border-color: #C0C0C0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}