/************************
	template modification
**************************/

#doc4
{ background:#fff; }

#hd
{ padding:10px; }

#bd
{ padding:10px; }

#ft
{ padding:10px; }


/*********************
	HEADER
*********************/
#hd table
{ width:100%; border:none; }

#hd .logo div
{ height:75px; overflow:hidden; }

#hd .nav
{ text-align:center; height:72px; padding-top:49px; white-space:nowrap; }

#hd .hd-links
{ color:#aaa; font-weight:bold; float:right; margin-right:10px; }

#hd .sub-nav
{ height:28px; background:#eee url('/img/bg/sub-nav.gif') no-repeat top; white-space:nowrap; padding-top:7px; text-align:center; }

#hd .sub-nav .text
{ width:250px; }

#hd .sub-nav .button
{ padding-left:10px; padding-right:10px; background:#f3f3f3; }

/************************
	NAVIGATION
************************/

#hd .nav
{ height:26px; white-space:nowrap; clear:both; }

#hd .nav li
{ float:left; border:solid 1px #CCCDD2; border-bottom:none; margin-right:10px; font-weight:bold; }

#hd .nav li a:link,
#hd .nav li a:visited,
#hd .nav li a:hover,
#hd .nav li a:active
{ color:#369; background:#CCCDD2 url('/img/bg/grad-purple1.gif') repeat-x top; padding:0 16px; height:25px; line-height:25px; margin:0px; display:block; vertical-align:middle; text-decoration:none; }

#hd .nav li a:hover
{ color:#369; background:#CCCDD2 url('/img/bg/grad-purple1.gif') repeat-x top; }

#hd .nav li.sel a:link,
#hd .nav li.sel a:visited,
#hd .nav li.sel a:hover,
#hd .nav li.sel a:active
{ color:#333; background:#d6d6d6 url('/img/bg/grad-gray5.gif') repeat-x bottom; font-weight:bold; }



/*
	Required for IE
*/
* html .nav li a,
* html .sub-nav li a
{ width:25px; }


/********************
	FOOTER
********************/

#ft
{ font-size:11px; }

#ft-search
{ font-size:13px; border-top:solid 1px #d6d6d6; background:#f1f1f1; text-align:center; padding:8px 0; }

#ft-search .text
{ width:250px; }

#ft-search .button
{ padding-left:10px; padding-right:10px; background:#f3f3f3; }

#ft-contact
{ color:#555; border-top:solid 1px #d6d6d6; background:#f1f1f1; text-align:center; padding:3px; }

#ft-copy
{ color:#555; border-top:solid 1px #d6d6d6; padding-top:5px; text-align:center; }




/********************
	GRID
********************/
.full-grid .grid-cell
{ width:118px; float:left; text-align:center; }



/********************
	FORM
********************/
.form-hd { background:#31619c; margin:0px; padding:3px 10px; }
.form-bd { background:#fff; margin:0px; padding:3px 10px; border-left:solid 1px #bbb; border-right:solid 1px #bbb; }
.form-ft { background:#f0f0f0; margin:0px; padding:3px 10px; border:solid 1px #bbb; border-top:solid 1px #ddd; }
.form-hd .button, .form-hd .abutton { text-decoration:none; padding:0px 20px; background:#21517c; color:#fff; border-bottom:solid 1px #01316c; border-right:solid 1px #01316c; border-top:solid 1px #61949c; border-left:solid 1px #61949c; }
.form-ft .button, .form-ft .abutton { text-decoration:none; padding:0px 20px; background:#fff; color:#404040; border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; }

.form-hd .button, .form-ft .button { font-weight:bold; }
.form-hd .abutton, .form-ft .abutton { padding-top:1px; padding-bottom:1px; }

.field { margin:12px 0px; }
.field label { float:left; width:160px; text-align:right; font-weight:bold; color:#333; margin-right:10px; }
.field div { float:left; }
.field p { font-size:85%; color:#555; }
.field .text { width:250px; }
.field .textarea { width:350px; height:100px; }
.field .select { }
.field .select-date { float:left; }
.field .button { padding:0px 20px; margin-right:10px; }





/****************************
	BUTTON
****************************/
.button-div,
.abutton-div
{  }

.abutton-div a:link, .abutton-div a:visited, .abutton a:hover, .abutton a:active
{ color:#369; background: url('/img/bg/grad-purple1.gif') repeat-x bottom; font-weight:bold; text-decoration:none; padding:3px 20px; border:solid 1px #CCCDD2; height:25px; line-height:25px; display:inline-block; vertical-align:middle; }



/***************************
	LIST
***************************/
.tlist {
	width:100%;
}
.tlist th {
	background:#666;
	border:solid 1px #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	padding:3px 5px;
	color:#fff;
}
.tlist td
{ vertical-align:top; padding:10px 5px; border-bottom:dotted 1px #d8d8d8; }

.tlist th a:link, .tlist th a:visited, .tlist th a:hover, .tlist th a:active
{ float:right; color:#fff; font-size:77%; font-weight:normal; }

.tlist .minify { width:1px; }
.tlist .nowrap { white-space:nowrap; }

.image { padding:0 5px 5px 0px; background:url('/img/site/vs_s2_dropshadow.gif') bottom right no-repeat; }
.image img { border:solid 1px #000; }

.tlist .user { font-size:13px; font-weight:bold; padding-bottom:3px; }
.tlist .title { font-size: 15px; font-weight:bold; }
.tlist .date { font-size:11px; color:#888; font-weight:normal; }
.tlist .price { font-size:12px; color:#693; font-weight:bold; padding-bottom:3px; }
.tlist .body { font-size:12px; color:#000; margin:5px 0; }
.tlist .funct { font-size:10px; padding-top:5px; text-transform:uppercase; }


.dotted-bottom-border { background:url('/img/bg/dot-999966.gif') repeat-x bottom; }
.dotted-top-border { background:url('/img/bg/dot-999966.gif') repeat-x top; }



.grid-picture .grid-cell { width:185px; margin:20px 0px 0px; float:left; }
	.grid-picture .frame { border:solid 1px #ccc; padding:1px; margin-left:30px; }
	.grid-picture .info { font-size:11px; color:#999; }
	.grid-picture .action { color:#ccc; font-size:12px; text-align:center; }
	.grid-picture .action a { text-decoration:none; margin:5px 5px;}


.grid-picture-f .grid-cell { width:146px; margin:20px 0px 0px; float:left; }
	.grid-picture-f .frame { border:solid 1px #ccc; padding:1px; margin-left:10px; }
	.grid-picture-f .info { font-size:11px; color:#999; }
	.grid-picture-f .action { color:#ccc; font-size:12px; text-align:center; }
	.grid-picture-f .action a { text-decoration:none; margin:5px 10px;}


/****************************
	PAGE BLOCK
****************************/
.sect-hd
{ padding:3px 0px; font-size:16px; color:#333; font-weight:bold; }

.sect-sub-hd
{ padding:3px 7px 5px; background:#f1f1f1; border-top:solid 1px #d5d5d5; }

.sect-bd
{ background:#fff; padding:3px 0px; }

.sect-ft
{ background:#666; padding:3px 10px; color:#fff; }

.sect-hd .action
{ float:right; font-size:14px; color:#666; }

.sect-hd .action a:link,
.sect-hd .action a:visited,
.sect-hd .action a:hover,
.sect-hd .action a:active
{ text-decoration:underline; }


.sect-sub-hd a:link,
.sect-sub-hd a:visited,
.sect-sub-hd a:hover,
.sect-sub-hd a:active
{ font-size:11px; font-weight:bold; margin:0px 4px; }


/**********************
	NOTICES
**********************/
.success-notice
{ border: solid 1px #003300; color: #003300; background: #ccffcc; margin: 18px 0px; padding: 10px; }

.failure-notice
{ border: solid 1px #cc0000; color: #cc0000; background: #ffcccc; margin: 18px 0px; padding: 10px; }

.attention-notice_disabled_temporarily
{ border: solid 1px #cc6600; color: #cc6600; background: #ffffcc; margin: 18px 0px; padding: 10px; }



/*********************
	GENERAL
*********************/
.clear
{ clear:both; font-size:1px; } /* this is for ones which do not self clear, such as hd, ft */

body
{ line-height:138.5%; /* default 18px */ font-family:arial; }

img
{ vertical-align:middle; /* absmiddle is depricated */ }

img.frame
{ border:solid 1px #ddd; padding:1px; }

a:link,
a:visited,
a:hover,
a:active
{ color:#03c; text-decoration:none; }

a:hover
{ text-decoration:underline; }

h1
{ margin:0px; padding:5px 0px; color:#000; font-weight:bold; font-size:22px; }

h2
{ float:right; margin-top:5px; margin-right:5px; vertical-align:middle; }






/**********************
	SELF CLEAR
**********************/
.field:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.field
{ display:inline-block; }

/* Hides from IE-mac, this is part of the field self clear \*/
* html .field
{ height: 1%; }

.field
{ display:block; }
/* End hide from IE-mac */




/************************
	page navigator
************************/
.pagination
{ margin:10px 0px; text-align:center; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; }

.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active
{ text-decoration: none; font-weight:bold; border:solid 1px #bbb; padding:2px 5px; margin:1px 5px; color:#666; }

.pn_first{}
.pn_last{}
.pn_inactive{}
.pn_active
{ font-weight:bold; border:solid 1px #bbb; padding:3px 6px; margin:1px 5px; color:#fff; background:#666; }