body {
    /*background: url(/Content/images/background.png) repeat-x 0 0;*/
    background: #cedda2 url(/Content/images/background2.gif) repeat-x 0 0;
    font: normal 10pt/1.5em 'Trebuchet MS';
}

a img  { border:none; }

small   { font-size: 80%; }

h1      { font-size: 14pt; }
h2      { font-size: 12pt; }
h3      { font-size: 11pt; }
h4      { font-size: 11pt; margin: 3pt 0; }
h5      { font-size: 11pt; margin: 0; }
h6      { font-size: 11pt; }

a			{ color: #394b9f; }
a:hover		{ color: #436; }
a:active	{ color: #fff; }

.clear { clear:both; }

.section { }

.section p, 
.section h1, 
.section h2, 
.section h3, 
.section h4, 
.section h5, 
.section h6, 
.section ul { margin-left: 20px; margin-right: 20px; }

.section-intro {
    font-size: 13pt;
    line-height: 1.5em;
}

#logo { margin: 1em; }

#header, #footer { width: 980px; margin: 10px auto; }
#navigation { width: 980px; margin: 0 auto; }
#content { width: 980px; background: #fff; margin: 0 auto; }

#navigation {
    /*background: url(/Content/images/blue-tab-border.png) no-repeat 0 bottom;
    padding-bottom: 20px;*/
}

ul.navigation 
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.navigation li
{
    float: left;
    margin: 0;
    padding: 0 1px 0 0;
}
ul.navigation a 
{
    font-size: 12pt;
    font-weight: normal;
    background: url(/Content/images/blue-tab-right.png) no-repeat right top;
    padding-right: 10px;
    display: block;
    color: #000;
    text-decoration: none;
}
ul.navigation a span
{
    background: url(/Content/images/blue-tab-left.png) no-repeat left top;
    padding-right: 6px;
    padding-left: 16px;
    line-height: 40px;
    display: block;
}
ul.navigation a:hover
{
    text-decoration: none;
}

#footer ul { list-style: none; margin: 0; padding: 0; }

/* UI */
.msg 
{ 
    border: solid 1px #d8eed1;
    border-bottom-width: 2px;
    background-color: #fff;
    padding: 8px; 
    margin: 1em 0;
    max-width: 533px;
    min-height: 32px;
}

.msg p { margin: 0 auto 8px auto; }

.msg-info
{
    padding: 4px 8px 12px 64px;
    background: #fff url(/Content/images/ico-ok.png) no-repeat 16px 8px;
}

.msg-warning
{
    padding: 4px 8px 12px 64px;
    background: #fff url(/Content/images/ico-warning.png) no-repeat 16px 8px;
}

.msg-error
{
    padding: 4px 8px 12px 64px;
    background: #fee url(/Content/images/ico-error.png) no-repeat 16px 8px;
    border: solid 1px #933;
}

/*tooltips.js*/
div.tooltip 
{
	background-color: #e0f0f2;
	color: #000;
	border: solid 1px #d0eef2;
	border-bottom-color: #a5d3d9;
	border-right-color: #a5d3d9;
	padding: 5px 10px;
	max-width: 200px;
	white-space: pre-wrap;
	font-weight: normal;
	z-index: 1100;
}

/* form */
fieldset {
    border: none;
    margin: 1em 0;
}

fieldset table tr th {
    white-space: nowrap;
    text-align: right;
    line-height: 1em;
    padding-right: 10px;
    width: 150px;
}

fieldset table tr th small {
    font-weight: normal;
}

input[type="text"], input[type="password"] {
	width: 200px;
}

select {
	width: 206px;
}

.autocomplete { position: relative; display: inline; }
.autocomplete-button-wrapper { position: absolute; top: 0; right: 0; }
.autocomplete-div { background: #fff; border: solid 1px #000; }
.autocomplete-div a { display: block; color:#000; white-space: nowrap; }
.autocomplete-div a.autocomplete-hover { color:#fff; background-color:#39c; cursor:pointer; }

/* layout */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	/* overflow:hidden;		This chops off any overhanging divs */
}
/* column containers settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	/*padding:0 0 1em 0;*/
	/*overflow:hidden;*/
}

/* column containers */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	overflow:hidden;
}
/* 3 column start rule */
.indexcol {
	/*background:#eee;		right column background colour */
}
.indexcol .colmid {
	right:33%;			/* width of the right column */
	/* background:#fff;		center column background colour */
}
.indexcol .colleft {
	right:33%;			/* width of the middle column */
	background:#eae6d6;	/* left column background colour */
}
.indexcol .col1 {
	width:33%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.indexcol .col2 {
	width:34%;			/* Width of left column content (column width minus padding on either side) */
	left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.indexcol .col3 {
	width:33%;			/* Width of right column content (column width minus padding on either side) */
	left:66%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:33%;			/* width of the right column */
}
.threecol .colleft {
	right:33%;			/* width of the middle column */
}
.threecol .col1 {
	width:33%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:34%;			/* Width of left column content (column width minus padding on either side) */
	left:33%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:33%;			/* Width of right column content (column width minus padding on either side) */
	left:66%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu {
	/* background:#eee;		right column background colour */
}
.rightmenu .colleft {
	right:34%;			/* right column width */
	/* background:#fff;		left column background colour */
}
.rightmenu .col1 {
	width:66%;			/* left column content width (left column width minus left and right padding) */
	left:34%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:34%;			/* right column content width (right column width minus left and right padding) */
	left:34%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu2 {
	/* background:#eee;		right column background colour */
}
.rightmenu2 .colleft {
	right:34%;			/* right column width */
	/* background:#fff;		left column background colour */
    background: #d5d99e url(/Content/images/intro-bg.gif) repeat-x scroll 0 0; /*#8bbc09*/
}
.rightmenu2 .col1 {
	width:66%;			/* left column content width (left column width minus left and right padding) */
	left:34%;			/* (right column width) plus (left column left padding) */
}
.rightmenu2 .col2 {
	width:34%;			/* right column content width (right column width minus left and right padding) */
	left:34%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
.rightmenu2 .col2 img {
	width:330px;
}

/* 2 Column (left menu) */
.leftmenu {
	/* background:#deead6;		right column background colour */
}
.leftmenu .colleft {
	right:67%;			/* right column width */
	/* background:#deead6;		/*left column background colour */
}
.leftmenu .col1 {
	width:33%;			/* left column content width (left column width minus left and right padding) */
	left:67%;			/* (right column width) plus (left column left padding) */
}
.leftmenu .col2 {
	width:67%;			/* right column content width (right column width minus left and right padding) */
	left:67%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* wziard */
.compact 
{ 
    font-weight: normal;
    font-size: 15px; 
    letter-spacing: -1px; 
    text-transform: none;
}

.trans-50
{
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

h1.wizard 
{
    font-family: arial;
    font-weight: normal;
    font-size: 12pt;
    text-transform: uppercase;
    margin: 20px 0 0 20px;
}

h2.wizard 
{
    font-family: arial;
    font-weight: bold;
    font-size: 14pt;
    text-transform: uppercase;
    margin: 0 0 10px 20px;
}

/* admin */
#content-manager-wrapper    { position:fixed; top:0; left:0; height:100%; width:200px; border-right:solid 1px #999; background: #ccc; z-index:1000; }
#content-manager-wrapper-2  { position:fixed; top:0; left:0; height:100%; width:199px; border-right:solid 1px #eee; }
#content-manager            { margin: 0 6px; }

.content-place-holder {
    color: #000;
    background: #0ff;
    font-family: Consolas, 'Courier New', Courier, Monospace;
    font-size: 10pt;
    line-height: 1.5;
}

#content-manager thead th { border-bottom:solid 1px #333; font-size:80%; text-align:left; font-weight:normal; }

#content-manager ul { list-style:none; margin:0; padding:0; }

#content-manager input[type="text"], #content-manager input[type="password"] {
	width: 150px;
}
#content-manager select {
	width: 156px;
}