/*

-----------------------------------------------

Grey Box Method - Layout CSS

----------------------------------------------- */



body {

	background: #eee;

	border-top: 0px solid #000;

	color: #333;

	font-size: 12px;

	padding: 0 0 40px;

}





/* anchors

----------------------------------------------- */

a {

	color: #000;

	font-weight:bold;

	text-decoration: none;

}

a:hover {

	color:#333;

}





/* 960 grid system container background

----------------------------------------------- */



.container_16,

.container_20 {

	background:#fff;

}





/* headings

----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {line-height:.8em; margin-bottom:.1em;}

h2 {margin-top:1em;}

h5 {font-size:1.2em;}

h6 {font-size:1em; text-transform:uppercase;}





h1 a {

	font-weight:normal;

}





/* branding

----------------------------------------------- */

h1#branding {

	font-weight:normal;

	font-size:3em;

	text-align:left;

	background:#aaa;

	padding:.7em 1em;

	margin-bottom:0;

}





/* page heading

----------------------------------------------- */

h2#page-heading {

	font-weight:normal;

	padding:.5em;

	margin:0 0 10px 0;

	border-bottom:1px solid #ccc;

}





/* boxes

----------------------------------------------- */

.box {

	background:#ddd;

	margin-bottom:20px;

	padding:10px 10px 1px 10px;

}

.box h2 {

	font-size:1em;

	font-weight:normal;

	text-transform:uppercase;

	color:#fff;

	background:#333;

	margin:-10px -10px 0 -10px;

	padding:6px 12px;

}

.box h2 a,

.box h2 a.visible {

	color:#fff;

	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;

	display:block;

	padding:6px 12px;

	margin:-6px -12px;

	border:none;

}

.grid_4 .box h2 a {

	background-position: 97% 50%;

}

.grid_5 .box h2 a {

	background-position: 98% 50%;

}

.grid_12 .box h2 a {

	background-position: 99% 50%;

}





.box h2 a.hidden,

.box h2 a.hidden:hover {

	background-image: url("../img/switch_plus.gif");

}

.box h2 a:hover {

	background-color:#111;

}

.block {

	padding-top:10px;

}

div.menu {

	padding:0;

}

div.menu h2 {

	margin:0;

}

div.menu .block {

	padding-top:0;

}





/* paragraphs, quotes and lists

----------------------------------------------- */

p {

	margin-bottom:1em;

}

blockquote {

	font-family: Georgia, 'Times New Roman', serif;

	font-size:1.2em;

	padding-left:1em;

	border-left:4px solid #ccc;

}

blockquote cite {

	font-size:.9em;

}

ul, ol {

	padding-top:0;

}





/* menus

----------------------------------------------- */

ul.menu {

	list-style:none;

	border-top:1px solid #bbb;

}

ul.menu li {

	margin:0;

}

ul.menu li a {

	display:block;

	padding:4px 10px;

	border-bottom:1px solid #ccc;

}

ul.menu li a:hover {

	background:#eee;

}

ul.menu li a:active {

	background:#ccc;

}





/* submenus

----------------------------------------------- */

ul.menu ul {

	list-style:none;

	margin:0;

}

ul.menu ul li a {

	padding-left:30px;

}





/* section menus

----------------------------------------------- */

ul.section {

	border-top:0;

	margin-bottom:0;

}

ul.section li {

	text-transform:uppercase;

}

ul.section li a {

	background:#bbb;

}

ul.section li a:hover {

	background:#aaa;

}

ul.section li a:active {

	color:#fff;

	background:#666;

}

ul.section li li a {

	background:#ddd;

	border-bottom:1px solid #eee;

}

ul.section li li a:hover {

	background:#ccc;

}

ul.section li li a:active {

	color:#000;

	background:#fff;

}

ul.section ul li {

	text-transform:none;

}

ul.section ul.current li a {

	background:#eee;

	border-bottom:1px solid #fff;

}

ul.section ul.current li a:hover {

	background:#ddd;

}

ul.section ul.current li a:active {

	background:#fff;

}

ul.section li a.current {

	color:#fff;

	background:#666;

}

ul.section li a.current:hover {

	background:#555;

}

ul.section li a.current:active {

	background:#444;

}

ul.section li a.active {

	background:#fff;

	cursor:default;

}

ul.section li.current > a.active,

ul.section li.current > a.active:hover {

	color:#fff;

	background:#666;

	cursor:default;

}





/* table

----------------------------------------------- */

table {

	width:100%;

	border:1px solid #bbb;

	margin-bottom:10px;

}

col.colC {

	width:8em;

}

th, td {

	padding:.2em 1em;

	text-align:left;

}

thead th {

	border-bottom:2px solid #888;

	background:#bbb;

	padding:.4em 1em .2em;

}

thead th.table-head {

	font-size:1em;

	font-weight:normal;

	text-transform:uppercase;

	color:#fff;

	background:#555;

	border:1px solid #555;

}

tbody th,

tbody td {

	border-top:1px solid #bbb;

	border-bottom:1px solid #bbb;

	background:#eee;

	vertical-align: top;

}



tbody tr.odd th,

tbody tr.odd td {

	background:#fff;

}

tfoot th,

tfoot td {

	border-top:2px solid #666;

	background:#eee;

}

tfoot tr.total th,

tfoot tr.total td {

	border-top:6px double #666;

}

tfoot tr.total th {

	text-transform:uppercase;

}

th.currency,

td.currency {

	text-align:right;

}



tbody tr.hilitable:hover td{

	border-top:1px solid #bbb;

	border-bottom:1px solid #bbb;

	background:#CCC;

}



/* forms

----------------------------------------------- */

form {

	overflow:hidden;

}

fieldset {

	border:1px solid #bbb;

	padding:10px;

	position:relative;

	background:#e9e9e9;

	margin-bottom:10px;

}

legend {

	font-size:1.1em;

	padding:.4em .8em;

	background:#fff;

	border:1px solid #bbb;

}

fieldset.login p {

	margin-bottom:1em;

	margin-top:0pt;

}

fieldset p label {

	width:98%;

}

fieldset p input {

	width:98%;

}

fieldset p select {

	width:60%;

}

fieldset.login p label {

	float:left;

	line-height:2em;

	margin-right:3%;

	text-align:right;

	width:32%;

}

fieldset.login p input {

	width:60%;

}

fieldset.login input.button {

	margin-left:35%;

}

form p.notice {

	font-weight:bold;

}

input.search.text {

	width:66%;

}

input.search.button {

	width:28%;

	margin-left:2%;

}



input.wksh_1{

	width:80px;

}

input.wksh_2{

	width:120px;

}



label.wksh_1 {

	margin-left: 20px;

	width: 100px;

}







input.rad {

  width: 19px;

  height: 15px;

  

}





input.colors {

	width:77%;

	float:left;

}



textarea.descr {

	width:98%;

	font-family:Verdana, Arial, sans-serif;

	resize: none;

}

textarea.printDescr {

	width:77%;

	float:left;

	font-family:Verdana, Arial, sans-serif;

	resize: none;

}



input.file {

	font-size:1.0em;

	width: 260px;

}



input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

-webkit-appearance: none;

margin: 0

}



/* articles

----------------------------------------------- */

.articles {

	padding:0;

}

.articles h2 {

	margin:0;

}

#articles {

	padding-top:0;

}

.article {

	border-top:1px solid #666;

	padding-top:.5em;

}

.box .article {

	border-top:3px solid #fff;

	padding:13px 10px 0 10px;

}

.article h2 {

	font-size:2em;

	font-weight:normal;

	text-transform:none;

	color:#333;

	background:transparent;

	padding:0;

	margin:0;

	border:none;

}

.article h3 {

	margin-bottom:.2em;

	font-size:1.6em;

}

.box .first {

	border-top:none;

}

.article h4 {

	font-size:1.2em;

	text-transform:uppercase;

	margin-bottom:.5em;

}

.article a.image {

	float:left; 

	margin:3px 10px 3px 0; 

	padding:4px;

	border:1px solid #bbb;

	background:#fff;

}

.article a.image:hover {

	border:1px solid #666;

}

.article a.image img {

	float:left; 

}

.article p.meta {

	color:#666;

	border-top:1px dotted #999;

	border-bottom:1px dotted #999;

	padding:.3em 0;

	margin-bottom:.8em;

}





/* site information

----------------------------------------------- */

#site_info .box {

	color:#ccc;

	background:#666;

	margin-bottom:10px;

}

#site_info a {

	color:#fff;

}

#site_info a:hover {

	color:#000;

}





/* AJAX sliding shelf

----------------------------------------------- */

#loading {float:right; margin-right:14px; margin-top:-2px;}

.block {padding-bottom:1px;}





/* Accordian

----------------------------------------------- */

.toggler {

	color: #222;

	margin: 0;

	padding: 2px 5px;

	background: #eee;

	border-bottom: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-top: 1px solid #f5f5f5;

	border-left: 1px solid #f5f5f5;

	font-size:1.1em;

	font-weight: normal;

}

.element h4 {

	margin: 0;

	padding:4px;

	line-height:1.2em;

}

.element p {

	margin: 0;

	padding: 4px;

}

.float-right {

	padding:10px 20px;

	float:right;

}



#accordian-block {

	padding-bottom:10px;

}





/* Mootools Kwicks

----------------------------------------------- */

#kwick-box { 

	padding:0;

	overflow:hidden;

}

#kwick-box h2 { 

	margin:0;

}

#kwick {

	position: relative;

}

#kwick .kwicks {

	display: block;

	background: #999;

	height: 120px;

	list-style:none;

	margin:0;

	overflow:hidden;

}

#kwick li {

	float: left;

	margin:0;

	padding:0;

}

#kwick .kwick {

	display: block;

	cursor: pointer;

	overflow: hidden;

	height: 100px;

	width: 215px;

	padding: 10px;

	background: #fff;

}

#kwick .kwick span {

	color:#fff;

}

#kwick .one {

	background: #666;

}

#kwick .two {

	background: #777;

}

#kwick .three {

	background: #888;

}

#kwick .four {

	background: #999;

}