/*----------------------------------------------------------
The base color for this template is #ffffff. If you'd like
to use a different color start by replacing all instances of
#ffffff with your new color.
----------------------------------------------------------*/
/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6 { 
    margin: 2px 0 2px 0; 
}

h1 {
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

pre {
    font-size: small;
}

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

body {
	background-color: #e8eef4;
	font-size: 100%;
	font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #696969;
}

header,
footer,
nav,
section { display: block; }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #000;
}

h1 {
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 { padding: 0 0 10px 0; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

a { color: #696969; }

li { line-height: 1.6; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* shows a visual seperation */
.dashedline
{
	clear: right;
	border-top: lightsteelblue 1px dashed;
    border-width:2px;
}

/* -------------------------------------------------------
     PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    width: 100%;
    margin-left: 0; /*originally = auto;*/
    margin-right: auto;
}

header, #header {
	position: relative;
	margin-bottom: 0;
	color: #000;
	padding: 0;
}

header h1, #header h1 {
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-size: 32px !important;
}

#main {
    position: absolute;
    top: 205px; /* 120px; */
    left: 5px; /*  192px; 189px + 3px(inside left menu) */
    float: left;
    background-color: transparent;
    width: 81%;
    /*height: 100%;*/
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

footer, #footer {
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.fieldsetbox
{
	border: 1px solid #000000;
	padding: 10px;
	margin: 10px;
	height: auto;
	width: auto;
}

fieldset {
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
	background-color: transparent;
}

.boxgreeting
{
	background: url(../Content/images/greeting_bg.gif) no-repeat left center;
	height: 20px;
}

.boxgreeting a { text-decoration: none; font-weight: bold;}

textarea { min-height: 75px; }

input[type="text"] {
	width: 200px;
	border: 1px solid #CCC;
}

input[type="password"] {
	width: 200px;
	border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}

table td {
	padding: 5px;
	border: solid 1px #e8eef4;
}

table th {
	padding: 6px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }

.error { color: Red; }

#confirmationMessage, #infoMessage 
{
	margin-bottom:20px;
	color:Green;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;    
}

#errorMessage 
{
	margin-bottom:20px;
	color:Red;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;    
}

#warningMessage
{
	margin-bottom: 20px;
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

div#title {
	display: block;
	text-align: left;
}

#logindisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
}

#logindisplay a:link {
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited {
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover {
	color: white;
	text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: darkred;
}

.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.editor-set, .display-set
{
	clear: both;
	float: left;
	width: 100%;
	margin: 1em 0 0 0; 
 }

.display-label, .editor-label {
    clear: both;
    float: left;
    width: 40%;
    margin: 0 0.5em 0 0;
}

.display-field, .editor-field {
    float: left;
    width: 50%;
    margin: 0 0 0 0.5em;
}

.text-box { width: 30em; }

.text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }


#template img {
    margin: 5px 20px 0 0;
    float: left;
}

#template {
    width: 380px;
}

#template ol {
    float: left;
    margin: 0 0 0 30px;
    padding: 10px 10px 0 10px;
}

#template:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#template .k-button {
    float: left;
    clear: left;
    margin: 5px 0 5px 12px;
}

/* About/Services view ----------------------------------------------------------------- */
.ServicesView
{
	clear: both;
	float: left;
}
/* Notifications ----------------------------------------------------------------- */