@charset "UTF-8";
/* CSS Document */

*						{ padding:0; margin:0; }			
html					{ background:#1F4390; font-family:Arial, Helvetica, sans-serif; }

.clearBoth				{ clear:both; font-size:0; }


#site					{ background:#fff url(../images/site_bg.gif) repeat-y 0px 0px; clear:both; margin:0 auto; width:980px; }
#siteLeft				{ background:#fff; clear:none; float:left; padding:0 0 200px 0; width:760px; }
#footer					{ background:#BFE8FF; border-top:6px solid #333; position:fixed; bottom:0; width:100%; z-index:100; }

#banner					{ background:#003366; color:#fff; clear:both; padding:20px 0 20px 20px; }
h1						{ clear:none; float:left; padding:5px 0 0 0; }
h2						{ clear:none; float:left; font-weight:normal; padding:19px 0 0 10px; }
h3						{ padding:0 0 10px 0; }
p						{ padding:0 0 12px 0; }
#date					{ clear:none; float:left; width:50%; }

#content				{ clear:both; padding:20px 0 0 20px; }

#common					{ background:#ccc; clear:both; padding:20px 0 20px; text-align:center; }

#bottomContent			{ clear:both; padding:20px 0 0 20px; }

/*---- format fields */
#formTop				{ border-top:2px solid #EFEFEF; background:#fff; padding:0 0 20px 0; position:relative; }
#formTop .add			{ top:-17px; position:absolute; right:10px; }
#formTop .add button	{ background:transparent url(../images/add.png) no-repeat 0px 0px; border:0; display:block; height:32px; overflow:hidden; text-indent:-1000px; width:32px; }

.formatField			{ border-bottom:2px solid #EFEFEF; background:#fff; clear:both; padding:0 20px 20px 20px; margin:0 0 20px 0; position:relative; }
.formatField select		{ clear:none; float:left; width:320px; }
.remove button			{ background:transparent url(../images/remove.png) 0px 0px; border:0; clear:none; color:#fff; display:block; float:left; height:46px; overflow:hidden; text-indent:-1000px; width:46px; }
.formatField input		{ border:2px solid #ccc; clear:none; float:left; padding:10px 15px; text-align:center; width:198px; }

.formatField .select	{ clear:none; float:left; padding:10px 0 0 0; width:340px; }
.formatField .input		{ clear:none; float:left; padding:0 0 0 21px; width:240px; }
.formatField .display	{ clear:none; float:left; padding:13px 0; text-align:center; width:276px; }
.formatField .remove	{ clear:none; float:right; padding:2px 0 0 0; width:85px; }
.formatField .add		{ bottom:-17px; right:10px; position:absolute; }
.formatField .add button{ background:transparent url(../images/add.png) no-repeat 0px 0px; border:0; display:block; height:32px; overflow:hidden; text-indent:-1000px; width:32px; }
.formatField .hidden	{ display:none; }


#generate				{ clear:both; padding:20px 0 0 357px; width:500px; }
#generate button		{ background:transparent url(../images/generate.png) no-repeat 0px 0px; border:0; display:block; height:64px; overflow:hidden; text-indent:-1000px; width:64px; }

#outPut					{ clear:both; padding:20px 0 20px 0; }

#outPutDate				{ clear:both; padding:0 0 20px 0; text-align:center; }

#outPutCode				{ clear:both; color:#666; padding:0; text-align:center; }
#outPutCode strong		{ color:#000; }

#siteRight				{ clear:none; float:right; padding:10px 0 0 0; width:200px; }
#siteRight a:visited,
#siteRight a:active,
#siteRight a,
#siteRight a:visited:hover,
#siteRight a:hover		{ clear:both; display:block; padding:0 0 12px 0; }

#siteRight img			{ border:0; }

#siteRight ul			{ margin:0; padding:0; list-style:none; }
#siteRight li			{ margin:0; padding:0; font-weight:bold; }

#siteRight a:visited,
#siteRight a:active,
#siteRight a			{ color:#000; display:block; text-decoration:none; font-weight:normal; padding:3px 0 0 0; margin:0; }
#siteRight a:visited:hover,
#siteRight a:hover		{ color:#000; text-decoration:underline; padding:3px 0 0 0; margin:0; }

fieldset				{ background:#CFE9FF; padding:10px; margin:10px 20px 0 0; }
fieldset legend			{ font-weight:bold; }


/*----- sub date ------*/
#subShowDate			{ clear:both; font-size:22px; padding:20px 0; text-align:center; }
#subType				{ clear:both; padding:20px 0 40px 0; text-align:center; }
#subType select			{ font-size:16px; }

.subDateFields			{ clear:none; float:left; width:70px; padding:0 10px 0 0; }
.subDateFields label	{ clear:both; display:block; text-align:center; width:70px; }
.subDateFields input	{ width:70px; font-size:16px; padding:10px 0; text-align:center; }

#subOutput				{ clear:both; color:#666666; font-size:14px; padding:10px 0 0 0; text-align:center; }
#subOutput strong		{ color:#000; }
#subShowDate			{ clear:both; font-size:22px; }