body {
    font-size: 1.6em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 2px;
    min-width: 860px;
}

header, footer, nav, section {
    display: block;
}
.ApplicationHeader {
     background-color:#DEDED9;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    /*position:relative;*/
	background:url(images/bg_logo.JPG) no-repeat 0 4px;
	background-position:right;
	/*min-height:1px;
	_height:1px;
    z-index:-1;*/
    border:none;
    border-radius:3px;
}
.Navigation {
    padding-top: 0px;
    padding-bottom:0px;
    width:100%;
    background-color:#DEDED9;
    min-width:640px;
    z-index:100
}
.NavigationItem{
    float:left;
    vertical-align:middle;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px; 
    background-color:#DEDED9;
}
.NavigationContainer{
     background-color:#DEDED9;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    border-radius:3px;
    border-width:1px;
    border-color:black; 
    border-style:dotted; 
    border-collapse:collapse;
    overflow:hidden;
    margin-bottom: 15px;
}
.NavigationContainer:after {
    clear : both;
}
.SubMenu {
     background-color:#DEDED9;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    border-radius:3px;
    border-width:1px;
    border-color:black; 
    border-style:dotted; 
    border-collapse:collapse;
}
.WarningTimeout {
     background-color:yellow;
     color:black;
     text-align:center;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    border-radius:3px;
    border-width:1px;
    border-color:black; 
    border-style:dotted; 
    border-collapse:collapse;
    overflow:hidden;
}
.CriticalTimeout {
     background-color:red;
     color:white;
     text-align:center;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    border-radius:3px;
    border-width:1px;
    border-color:black; 
    border-style:dotted; 
    border-collapse:collapse;
    overflow:hidden;
}
.SuccessfulTimeout {
     background-color:green;
     color:white;
     text-align:center;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    border-radius:3px;
    border-width:1px;
    border-color:black; 
    border-style:dotted; 
    border-collapse:collapse;
    overflow:hidden;
}
.Spacer {
    width: 100%;
    height: 2px;
}
/* Styles for basic forms
-----------------------------------------------------------*/
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;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}
input[type=text], input[type=password],input[type=number],input[type=datetime],textarea {
    width: 94%;
    height: 25px;
    display: block;
    vertical-align: top;
    padding-left:5px;
    padding-right:5px;
    color: black;
    border: 1px solid #A3B2FD;
    background: url(images/bg-input.png); /*no-repeat;*/
}
select {
	width:95%;
	height:20px;
	display:block;
	margin-bottom:5px;
	vertical-align:top;
	/*padding:1px;*/
	/*color:#02149A;*/
	/*font-size:.7em;*/
	border:1px solid #A3B2FD;
	background:url(images/bg-input.png); /*no-repeat;*/
	}
	
select-list {
	width:95%;
	height:90%;
	display:block;
	margin-bottom:5px;
	vertical-align:top;
	/*padding:2px;*/
	/*color:#02149A;*/
	/*font-size:.8em;*/
	border:1px solid #A3B2FD;
	background:url(images/bg-input.png) no-repeat;
	}
label {
	font-weight:bold;
	font-size:.9em;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	}
/*
Styles for floating divs
----------------------------------------------------------------         */
div.FloatingDiv {
    position:absolute;
    display:none;
    background-color:#DEDED9;
    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 10px 10px 5px #888888;
    border-radius:3px;
    border-width:1px;
    border-color:black; 
    border-style:dotted; 
    border-collapse:collapse;
    overflow:hidden;
}
table.FloatingHeader
	{
        cursor:move;
        height:18px;
		background-color: #231375;
		color:#ffffff;
	}
a.CloseButton {
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

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

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

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

.validation-summary-valid {
    display: none;
}
/*buttons
------------------------------------------------------------------------------------    */
input.button-small {
        -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
        -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
        box-shadow: 5px 5px 2px #888888;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
        background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
        background-color:#44c767;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid #18ab29;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:12px !important;
        font-weight:bold;
        padding:1px 10px;
        text-decoration:none;
        text-shadow:0px 2px 0px #2f6627;
        vertical-align:middle;
}

input.button {
        -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
        -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
        box-shadow: 5px 5px 2px #888888;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
        background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
        background-color:#44c767;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid #18ab29;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:17px !important;
        font-weight:bold;
        padding:3px 12px;
        text-decoration:none;
        text-shadow:0px 2px 0px #2f6627;
        height:30px;
        min-width: 70px;
}
input.button:hover {
       background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
       background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
       background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
       background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
       background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
       background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
       background-color:#5cbf2a;
}
input.button:active {
       position:relative;
       top:1px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
COLUMN SECTION
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.clickablediv {
    color:blue;
    cursor:pointer;
} 
.clickablediv:hover {
text-decoration: underline;
} 
div.divcontainer{
    /*border:1px solid black;*/
    margin-left:10%;
    margin-right:10%;
    overflow:hidden;
}
div.divcontainer:before, div.divcontainer:after {
    content : "";
    display : table;
    clear:both;
        /*border:1px solid black;*/
}
div.container:after {
    clear : both;
}	
div.left-half, div.right-half{
    float:left;
    width:49%;
    /*border:1px solid red*/
}
div.left-column, div.center-column, div.right-column{
    float:left;
    width:33%;
    /*border:1px solid red*/
}
div.left-third, div.middle-third, div.right-third{
    float:left;
    width:32%;
    /*border:1px solid red*/
}
div.left-column-quarter, div.right-column-quarter, div.center-column-quarter{
    float:left;
    width:24%;
    /*border:1px solid red*/
}
div.one-fifths, div.two-fifths,div.three-fifths,div.four-fifths,div.five-fifths{
    float:left;
    width:19%;
    /*border:1px solid red*/
}
div.one-sixths, div.two-sixths,div.three-sixths,div.four-sixths,div.five-sixths,div.six-sixths{
    float:left;
    width:16%;
    /*border:1px solid red*/
}
div.one-sevenths, div.two-sevenths,div.three-sevenths,div.four-sevenths,div.five-sevenths,div.six-sevenths,div.seven-sevenths{
    float:left;
    width:14%;
    /*border:1px solid red*/
}
div.one-eighths, div.two-eighths,div.three-eighths,div.four-eighths,div.five-eighths,div.six-eighths,div.seven-eighths,div.eight-eighths{
    float:left;
    width:12.4%;
    /*border:1px solid red*/
}
div.one-ninths, div.two-ninths,div.three-ninths,div.four-ninths,div.five-ninths,div.six-ninths,div.seven-ninths,div.eight-ninths,div.nine-ninths{
    float:left;
    width:11.1%;
    /*border:1px solid red*/
}
div.right-column-three-quarters{
    float:left;
    width:74%;
    /*border:1px solid red*/
}
div.left-column-three-quarters{
    float:left;
    width:74%;
    /*border:1px solid red*/
}
div.right-column-two-thirds{
    float:left;
    width:66%;
    /*border:1px solid red*/
}
div.left-column-two-thirds{
    float:left;
    width:66%;
    /*border:1px solid red*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DATA TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.data-table {
	background:#f6f6f6;
	font-size:.9em;
	border-top:1px dotted #7a7a7a;
	border-left:1px dotted #7a7a7a;
	}

table.data-table caption{
	background:#b6b6b6;
	padding:7px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:1px dotted #7a7a7a;
	border-bottom:none;
	}

table.data-table td,
table.data-table th{
	padding:5px;
	border-right:1px dotted #7a7a7a;
	border-bottom:1px dotted #7a7a7a;
	}

table.data-table th{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#ececec;
	}
	
table.data-table td{
	}

table.data-table tr.row-alternating td{
	background:#e0e0e0;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PHOTOS & CAPTIONS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.photo-container {
	padding:10px;
	border:1px dotted #7a7a7a;
	}

.photo-container img {
	display:block;
	border:1px solid #666;
	}
	
.photo-caption {
	font-size:.7em;
	padding:10px 10px 0 10px;
	text-align:center;
	color:#999;
	font-style:italic
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MISC STYLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.none {
	display:none;
	}

.clear {
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
	}

.align-left {
	float:left;
	margin:0 20px 15px 0;
	}

.align-right {
	float:right;
	margin:0 0 15px 20px;
	}

.align-middle {
	vertical-align:middle;
	}
	
.inline {
	display:inline;
	}

.no-margin {
	margin:0;
	}