/*--------------------------------------------------------------
Method-cms

Version:	1.0
Author:		James Roberts
Website: 	http://www.method.org.uk

Copyright 2003-2008 James Roberts. 
This code cannot be redistributed without
permission from http://www.method.org.uk/

More info at: http://www.method.org.uk/
--------------------------------------------------------------*/

body {
	font: 9px/1.3em "Lucida Grande", Verdana, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	background: #222222;
}
a:link {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
a:hover {
	color: #222;
}
a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
a img {
	border: none;
}

abbr {
	
	font-style: normal; 
	border-style: none;
}

body * {
	margin: 0;
	padding: 0;
}

body p {
	margin-bottom: 0em; 
}
	
h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-weight: bold;
}
#header {
	position: relative;
	margin: 0;
	background: #303030;
}

#header h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-shadow: 2px 2px 1px #3D3D3D;
	margin: 0;
	padding: 0.72em 11px 0.78em 30px;
}

#header h1 a.refresh {
	color: #FFF;
	padding: 0 0 0 15px;
	text-decoration: none;
	border-style: none;
}

#header div.titles {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.9em 8px 0;
	margin: 0;
	font-size: 0.9em; 
	color: #CCC;
	text-shadow: 2px 2px 1px #3D3D3D;
	white-space: nowrap;
}

#header div.titles a {
	color: #FFF;
	text-decoration: none;
}

#header div.titles a:hover {
	color: #BBB;
}

#header div.titles a:active {
	color: #335AA7;
}

#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#methodcms {
	float:left;
	width: 510px;
	height: 98px;
	background: #222222 url(../images/cms-logo.gif) no-repeat left top;
}
#mainContent {
	background: #303030 url(../images/bg-content.gif) no-repeat left bottom;
}
#fullContent {
	padding: 10px 20px;
}
#contentHeader {
	background: #303030 url(../images/bg-content-top.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	height: 30px;
}
#contentHeader h1 {
	margin: 0;
	padding: 10px 25px 0;
	color: #FFFFFF;
}
#contentFooter {
	clear: both;
	background: transparent url(../images/bg-content-bottom.gif) no-repeat right bottom;
	margin: 0;
	height: 15px;
}
.welcomeBlock {
	float: left;
	width: 340px;
	height: 140px;
}
/*----------------------------------------------------------------------
	NAVIGATION
----------------------------------------------------------------------*/
#nav {
	clear: both;
}
ul#main-nav {
	list-style:none;
	width:100%;
	height:31px;
	min-width:400px;
}                   
ul#main-nav li {
	float:left;
	margin:0 3px 0 0;
	padding:0 0 0 7px;
	height:31px;
	background:transparent url(../images/bg_main_nav_tab.gif) no-repeat scroll 0 0;
}
ul#main-nav li a {
	float:left;
	display:block;
	text-decoration:none;
	border: none;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:8px 9px 0px 2px;
	font-size:11px;
	text-transform:uppercase;
	color: #aaaaaa;
	background:transparent url(../images/bg_main_nav_tab.gif) no-repeat scroll 100% 0;
}
ul#main-nav li a:hover {
	text-decoration:none;
	border: none;
	color:#fff;
}
ul#main-nav li.selected {
	background-image:url(../images/bg_main_nav_tab_selected.gif);
}
ul#main-nav li.selected a {
	background-image:url(../images/bg_main_nav_tab_selected.gif);
	color:#fff;
}
/*----------------------------------------------------------------------
	COPYRIGHT & CREDIT
----------------------------------------------------------------------*/

#donotremove
{
	clear: both;
	margin-bottom: 1em;
	text-align: center;
	margin-top: 20px;
}

/*----------------------------------------------------------------------
	ERROR/INFORMATION BOXES
----------------------------------------------------------------------*/

#KT_tngdeverror, #KT_tngerror {
	background: #303030 url(../images/errorIcon.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 60px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
#KT_tngtrace, #infoBox {
	background: #303030 url(../images/infoIcon.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 60px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
#KT_tngtrace {
	width: 258px;
}
#KT_tngtrace ul {
	padding-left: 10px;
}
#KT_tngdeverror label, #infoBox label, #KT_tngerror label, #KT_tngtrace label {
	font-size: 120%;
	float: none;
	color: #FFB700;
	font-weight: bold;
}
#KT_tngtrace a:link {
	border-bottom: 1px dotted #FFFFFF;
	text-decoration: none;
	color: #FFB700;
}
#KT_tngtrace a:visited {
	border-bottom: 1px dotted #FFFFFF;
	text-decoration: none;
	color: #FFB700;
}
#KT_tngtrace a:hover {
	border-bottom: 1px dotted #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	background: #FFB700;
}
#KT_tngtrace a:active {
	border-bottom: 1px dotted #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	background: #FFB700;
}

/* The actial error message style */
.form_validation_field_error_error_message {
	color: #FFB700;
	font-weight: normal;
	clear:left;
}
form.form_validation_form_error table {
	border: 1px solid red;
}
/*----------------------------------------------------------------------
	BUTTONS
----------------------------------------------------------------------*/
/*
 * this list of classes refers to ALL the generated buttons inside the list; 
 * if you modify it, all the generated buttons will take on the new look */
.button_big, 
.KT_tngtable tbody tr.KT_buttons input, 
.KT_row_filter_submit_button, 
div.KT_bottombuttons input, 
div.KT_topbuttons input {
	font-size: 9px;
	width: 70px;
	height: 20px;
	border: 0px;
	background-position: 0% 50%;
	background-color: #222;
	color: #fff;
}
/*
 * Aqua and all the skins have two button dimensions : button_big ( using the bov declaration) and butyton_smallest : which uses another background-image
 */
.KT_tngtable th.KT_sorter input, 
.button_smallest {
	font-size: 9px;
	width: 50px;
	height: 20px;
	border: 0px;
	background-position: 0% 50%;
	background-color: #222;
	color: #fff;
}

/* Main div container for any ImpAKT / NeXTensio generated page
 * declares general options like font */
.KT_tng, .KT_tng textarea {
	font-size: 9%; 
}

/* Form / List look and feel 
 * KT_tngform
 * 		the main container for a NeXTensio form
 * KT_tnglist
 * 		the main container for a NeXTensio list */
.KT_tngform, .KT_tnglist {
	width: 100%;
	border: 1px solid #999999;
}
/* the main form tag inside a next list / form */
.KT_tng .KT_tngform form, .KT_tng .KT_tnglist form {
	padding: 0;
	margin: 0;
}
/* HACK : added to prevent clipping of bottom border in ie */
* html .KT_tng form { /* ie */
	padding-bottom: 1px;
}

/* List / Form Headers */
.KT_tng h1 {
	margin-left: 4px;
}
.KT_tng h2 {
	margin-left: 4px;
}
/*
* KT_tngtable
* 		tabular content generated for NeXT List / Form */
.KT_tngtable, .KT_tng .KT_options {
	margin: 5px 30px 20px 40px;
}
.KT_tngtable {
	margin: 5px 5px 20px 5px;
}

/* style for each content cell */
.KT_tngtable tbody td {
	vertical-align:top;
}


/* KT_topbuttons, KT_bottombuttons
 * 		the up / down generated area with the edit, delete, add new links / buttons */
.KT_topbuttons, .KT_bottombuttons {
	text-align: right;
	padding: 4px;
	min-height: 20px;
}
	/*
	 * KT_operations
	 * 		coontains only the Edit / Delete buttons
	 * */
.KT_topbuttons div.KT_operations, .KT_bottombuttons div.KT_operations {
	display: inline;
}
.KT_topbuttons div.KT_left, .KT_bottombuttons div.KT_left {
	float: left;
}

.KT_topbuttons {
	border-bottom: 1px solid #666666;
}
.KT_bottombuttons {
	border-top: 1px solid #666666;
}
.KT_bottombuttons div {
}

/* remove padding / margin on all links */
.KT_tnglist .KT_tngtable tbody tr a, .KT_tnglist .KT_tngtable tbody tr a:hover, .KT_tnglist .KT_tngtable tbody tr a:active, .KT_tnglist .KT_tngtable tbody tr a:visited, .KT_tng .KT_bottombuttons a, .KT_tng .KT_bottombuttons a:hover, .KT_tng .KT_bottombuttons a:active, .KT_tng .KT_bottombuttons a:visited, .KT_tng .KT_topbuttons a, .KT_tng .KT_topbuttons a:hover, .KT_tng .KT_topbuttons a:active, .KT_tng .KT_topbuttons a:visited {
	padding: 0;
	margin: 0;
}

.KT_bottombuttons a, .KT_topbuttons a {
	font-size: 8px;
}

/* list specific */
.KT_tnglist .KT_options {
	padding-right: 4px;
	text-align: right;
	font-size: 9px;
}
.KT_tnglist .KT_options {
	margin-bottom: 0px;
}
/*
 * th.KT_order
 * 		contains the ordering sorter link (Order) and the "save" link / button
 * td.KT_order
 * 		contains the move up / down buttons on each row
 * 	*/

.KT_tnglist th.KT_order, 
.KT_tnglist td.KT_order {
	text-align: center;
	white-space: nowrap ! important;
}
/*
 * change the appearance of the move up/down list buttons here
 *  if you specify a background-image, the buttons will lose their value attribute
 */
.KT_tnglist td.KT_order .KT_button_move_down{
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.KT_tnglist td.KT_order .KT_button_move_up{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-right: 0px;
}

.KT_tnglist th.KT_order_selected, 
.KT_tnglist td.KT_order_selected {
	padding: 0px; 
	margin: 0px;
/*	background-color: #cadaeb ! important;*/
	white-space: nowrap ! important;
}
.KT_tnglist th.KT_sorter a, .KT_tnglist th.KT_sorter a:hover, .KT_tnglist th.KT_sorter a:visited, .KT_tnglist th.KT_sorter a:active {
	padding-right: 15px;
}

.KT_tnglist th.KT_asc a.KT_move_op_link, 
.KT_tnglist th.KT_desc a.KT_move_op_link {
	padding: 0; margin: 0;
	background-image: none;
}


/*----------------------------------------------------------------------
	ROW COLOURS
----------------------------------------------------------------------*/

/* row alternative color */
.KT_tnglist tr.KT_even, tr.KT_even {
	background-color: #797979;
}
/* selected row (checkbox is clicked) */
.KT_tnglist tr.KT_highlight {
	background-color: #797979;
}
/* selected row (checkbox is clicked) */
.KT_tnglist tr.KT_movehighlight {
	background-color: #797979;
}

/* the following two classes do the same thing : one for mozilla which can interpret :hover on any element
* and one set by script on mouseover/out for ie
* */
/*
.KT_tnglist tbody tr:hover {
		background-color: #E2E2E2;
}
	*/
.KT_tnglist tbody tr.KT_over {
	background-color: #797979 ! important;
}


/* KT_bottomnav, KT_topnav
 * 		list navigation container */
.KT_tng .KT_tnglist .KT_bottomnav, 
.KT_tng .KT_tnglist .KT_topnav {
	text-align: center;
	font-size: 9px;
	margin-left: 5px ! important;
}
.KT_tng .KT_tnglist .KT_bottomnav {
	margin: 0 0 10px 0;
}
.KT_tng .KT_tnglist .KT_topnav {
	margin: 10px 0 0 0;
}
/* for styling the actual links inside the navigation area, please see the nav.css file */

/* form specific */
.merge_down {

}

.KT_tng h1 {
	font-size: 9px;
	padding: 4px 0px 4px 4px;
	margin: 0px 0px 0px 0px;
}
/* Form "Record x" tag when editing multiple records */
.KT_tng .KT_tngform h2 {
	font-size: 9px;
	padding: 4px 0px 4px 4px;
	margin: 0px 0px 0px 0px;
}

/* buttons redeclared specifically for form */
.KT_tng .KT_tngform .KT_topbuttons input, .KT_tng .KT_tngform .KT_bottombuttons input{
	font: 9px/1.3em "Lucida Grande", Verdana, sans-serif; 
	width: 75px;
	height: 20px;
	border: 0px;
	background-position: 0% 50%;
}
/* Most usual classes */

/* th, td.KT_th
 * 		the top row on nextensio list
 * 		labels container on nextensio form
 * 		As on the form table headings are semantically incorrect, we have td.KT_th */
.KT_tngtable th, .KT_tngtable td.KT_th {
	color: #fff;
	vertical-align: top;
}
/* the plain cells   */
.KT_tngtable td {
	border-top-width: 0;
	border-left-width: 0;
	vertical-align: baseline;
}

/* Table and cell look and feel */
.KT_tngtable {
	width: 99%;
}
.KT_tngtable tfoot, .KT_tngtable thead {
	
}
.KT_tngtable td, .KT_tngtable th, .KT_tngtable caption {
	padding: 2px;
	white-space: nowrap;
}
/* HACK: to make ktml skin work properly */
.KT_tngtable .ktml * td {
	border: 0px;
	white-space: normal ! important;
}
.KT_tngtable .ktml span.lcontainer table {
}
.KT_tngtable .ktml span.lcontainer td {
	padding: 0px ! important;
	margin: 0px ! important;
	vertical-align: middle;
}
	
/* Buttons area for tNG form */
.KT_buttons td {
	/*padding: 0px;*/
	text-align: right;
}

.KT_tngtable th, .KT_tngtable td.KT_th, .KT_tngtable caption {
	font-size: 10px;
	text-align: left;
	line-height: 1.3em;
}
.KT_tngtable td {
	font-size: 9px;
	line-height: 1.3em;
}

/* Active Form Elements :font-sizes */
.KT_tngtable input, .KT_tngtable select {
	font-size: 10px;
}

.KT_tngtable textarea {
	font-size: 9px;
}

input[type="file"] {
	color: #FFFFFF;
}

.cmsbutton {
	padding-top: 4px;
	border-style: none;
	border-width: 0px;
	background-position: 0% 50%;
	font-size: 10px;
	text-align: center;
	display: inline-block;
	height: 16px;
	width: 70px;
	background-color: #222222;
	white-space: nowrap ! important;
}

.cmsbutton a, .cmsbutton a:link, .cmsbutton a:active, .cmsbutton a:hover, .cmsbutton a:visited {
	color: white;
	text-decoration: none;
	border-style: none;
	border-width: 0px;
}