/*Harley Davidson Style design*/



/*MAIN STYLE*/

body{ background-color:#2b2b2b; color:#2B333C ; font-family:Arial; font-size:11px; font-weight:normal; padding:0; margin:0;}

*strong{color:#2B333C ; font-family:Arial ..; font-size:11px; font-weight:bold;}

div{ padding:0; margin:0; }

span{ padding:0; margin:0; }

a{text-decoration:none;}

img{border:none;}

*form{margin:10px; padding:0px;}

* input:focus{ border-color:#009DFF; background:#ffffff;}

* textarea{ width:300px;}


h3{ color:#2B333C; font-family:Arial ..; font-weight:bold; letter-spacing:2px; font-size:12px; margin:0 0 7px 0; padding:0; background:none; border:none}
h4{ color:#ff6600; font-family:Arial ..; font-weight:normal; font-size:11px; margin:0 0 7px 0; padding:0; background:none; border:none}


h1{color:#FFFFFF; font-family:AcmeFont; font-size:30px; background:none; border:none}


/*FRAME STYLE*/


/*******************
	pageHeader
****************/
#pageHeader{ background:url(images/pageHeaderBg.png) center bottom no-repeat; width:700px; margin:0 auto; padding-top:20px;}

#headerTop{ background:url(images/headerTop.png) no-repeat; height:167px; margin:0px 20px;}

#headerTopLeft{ float:left; padding:10px; width:400px;}

#headerTopRight{ float:right; padding:10px;}


#headerBottom{ background-color:#606060; height:20px; margin:0px 20px; padding-top:5px;}

#headerBottomLeft{ float:left; color:#FFFFFF; padding-left:10px;}

#headerBottomLeft a{ color:#FFFFFF;}

#headerBottomLeft a:hover{text-decoration:underline;}


#headerBottomRight{ float:right; color:#FFFFFF; padding-right:10px;}

#headerBottomRight a{ color:#FFFFFF;}

#headerBottomRight a:hover{text-decoration:underline;}

#headerBottomRight input{ height:13px; font-size:9px;}

/*******************
	pageContent
****************/


#pageContent{ background:url(images/pageContent.png) repeat-y; width:700px; margin:0 auto; padding:20px 0;}







/*******************
	pageFooter
****************/

#pageFooter{ background:url(images/pageFooter.png) no-repeat; width:700px;  margin: 0 auto; padding-bottom:20px; padding-top:10px;}

#footerBottom{ background:url(images/footerBottom.png) repeat-x; height:30px; margin: 0 20px;}

#footerLeft{float:left; padding-top:3px; color:#fff; font-size:10px; padding-left:10px; }

#footerLeft a{ color:#fff;}

#footerLeft a:hover{text-decoration:underline;}

#footerRight{float:right; padding:5px; padding-right:10px; color:#fff; font-weight:bold; font-size:12px; }

#footerRight a { color:#fff;text-decoration:underline;}

#footerRight a:hover{text-decoration:none;}







/*ELEMENT STYLE*/




/*******************
	panelBox
****************/

#panelBox{ width:650px; margin:0 15px;}

#panelTopLeft{ background:url(images/panelTopLeft.png) no-repeat; width:20px; height:20px;}
#panelTopMid{ background:url(images/panelTopMid.png) repeat-x; height:20px; }
#panelTopRight{ background:url(images/panelTopRight.png) no-repeat; width:20px;height:20px;}


#panelMidLeft{ background:url(images/panelMidLeft.png) repeat-y; width:20px;}
#panelMidMid{ background-color:#F3F3F3;}
#panelMidRight{ background:url(images/panelMidRight.png) repeat-y; width:20px;}


#panelBottomLeft{ background:url(images/panelBottomLeft.png) no-repeat; width:20px;height:20px;}
#panelBottomMid{ background:url(images/panelBottomMid.png) repeat-x; height:20px;}
#panelBottomRight{ background:url(images/panelBottomRight.png) no-repeat; width:20px; height:20px;}


/*******************
	panelContent
****************/
#panelContent{ margin:0px;}

#panelContentTop{ background:#ffffff; border-left:solid 1px #C2C2C2; border-right:solid 1px #C2C2C2; }

#panelContentBottom{background:url(images/panelContentBottom.png) repeat-x; height:8px;}



#panelContent a{ color:#FB6900;}

#panelContent p{ width:90%; padding-left:20px;}

#panelContent ul{ list-style:disc;}

#panelContent li{ margin-bottom:5px;}
/*******************
	inputTable
****************/


#inputTable{font-size:11px;}
#inputTable td{ padding:8px;}
.inputLabel{ text-align:right;}
.questionLabel{ font-weight:bold; background:#F7F7F7;}
#inputTable .branchQuestion{ font-weight:bold; background:#f7f7f7;}
#inputTable .branchQuestion div{ background:#ffffff; font-weight:normal;}

/*******************
	linkButton
****************/

.linkButton{ display:block; padding:5px; text-align:center;}
.linkButton:hover{background:#B2E1FF; color:#2B333C; padding:5px; margin-right:0px; text-align:center;}

/*******************
	linkButton-sub
****************/

.linkButton-sub{ display:block; padding:5px; text-align:left; color:#2B333C; font-weight:bold;}
.linkButton-sub img{ width:20px; height:20px; vertical-align:middle; margin-right:5px;}
.linkButton-sub:hover{background:#B2E1FF; padding:5px; margin-right:0px; text-align:left;}





/*******************
	flexButton
****************/

.flexButton{ border:none; color:#2B333C; cursor:pointer; font-family:Arial ..; font-weight:bold;
			 background:url(images/flexButtonBg.png) no-repeat; width:74px; height:24px;}

.flexButton:hover{background:url(images/flexButtonBgH.png) no-repeat;}














/*******************
	controlBar
****************/

#controlBar{ width:600px; margin:0 50px;}

#controlTopLeft{ background:url(images/controlTopLeft.png) no-repeat; width:14px; height:14px;}
#controlTopMid{ background:url(images/controlTopMid.png) repeat-x; height:14px; }
#controlTopRight{ background:url(images/controlTopRight.png) no-repeat; width:14px;height:14px;}


#controlMidLeft{ background:url(images/controlMidLeft.png) repeat-y; width:14px;}
#controlMidMid{ background-color:#ffffff;}
#controlMidRight{ background:url(images/controlMidRight.png) repeat-y; width:14px;}


#controlBottomLeft{ background:url(images/controlBottomLeft.png) no-repeat; width:14px;height:16px;}
#controlBottomMid{ background:url(images/controlBottomMid.png) repeat-x; height:16px;}
#controlBottomRight{ background:url(images/controlBottomRight.png) no-repeat; width:14px; height:16px;}


/*******************
	controlBar
****************/


.naviButton{display:block; color:#2B333C; font-family:Arial ..; font-size:11px; font-weight:bold; width:108px; height:48px; }

.naviButton:hover{ display:block; background:url(images/naviButtonBgH.png) no-repeat; width:108px; height:48px; padding:0px;  }

.naviButton img{ width:40px; height:40px; margin-top:4px;}



/*******************
	gridTable
****************/


.gridTrShade{ background-color:#F7F7F7;}

.gridTrShade input{ background-color:#F7F7F7;}

#gridTable{ margin:0; border:solid 1px #B7BABC; background:#ffffff;  border-collapse:collapse; text-align:center;}

#gridTable th{ background:url(images/gridThBg.png) center repeat-x; height:30px; border:solid 1px #B7BABC;}

#gridTable th:hover{ background:#B2E1FF; }

#gridTable td{ border:solid 1px #CCCCCC; border-top:none; border-bottom:none; border-collapse:collapse; height:20px;}

#gridTable tr:hover td{ background-color:#B2E1FF;}

#gridTable tr:hover input{ background-color:#ffffff;border:none; border-top:solid 1px #B2E1FF;border-bottom:solid 1px #B2E1FF; }

#gridTable input{ width:96%; height:14px; border:none;}

#gridTable .inputBig input{width:96%; height:34px; border:none;}

#gridTable td input:focus{ border-color:#009DFF;}

#gridTable .tdBreak{ height:15px; background:#F7F7F7; border:solid 1px #B7BABC;}