body, html
{
    min-height: 100%;
    height: 100%;
    /*margin: 0px;*/
}

body
{
    background-color: #fff;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande";*/
    font-size: 12px;
    line-height: normal !important;
}

p
{
   margin-top:0px;
   margin-bottom:0.8em;
}

table
{
	font-size: 11px;
}
.reportContainer
{
	margin-top: 12px;
}
	table.reportContainer span
	{
		padding-right: 8px;
	}
		table.reportContainer td img
		{
			margin-bottom: 8px;
		}
table.totalIndex
{
	background-color: #EFEFEF;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	width: 100%;
	height:190px;
}
	table.totalIndex td
	{
		padding: 4px;
	}
	table.totalIndex td.ListHeader
	{
		width: 80px;
	}


.MainMenu
{
    FONT-SIZE: 10pt;
    font-size: 10px!important;
	text-align: left;
}

table.MainMenu tr td
{
	padding: 2px;
}

.MainMenuObjective
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    font-size: 15px!important;
    margin-bottom: 6px;
}
.MainMenuIndicator
{
    FONT-SIZE: 10pt;
    font-size: 10px!important;
}

#DesignForm
{
    margin-top:50px;
    position:relative;
    top:0px;
    left:0px;    
}

#toolbar
{
    /*BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove;
    BACKGROUND-COLOR: silver;*/
    max-height: 40px;
    /*position : fixed;*/
    z-index : 99999; 
    /*width:100%;*/
    left:0px;
    right:0px;
    top:0px;
}

#toolbar.fixed
{
    position : fixed;
}

.ToolbarButton img, .ToolbarButton input
{
    vertical-align:middle;
    vertical-align:text-bottom;
}

.ToolbarButton
{
    BACKGROUND-COLOR: #c6c8fd;
}
.Panel
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bold;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove;
    BACKGROUND-COLOR: silver;
}
.ComponentPanel
{
    /*BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove;
    */
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #fff;
}
.InputForm
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #c6c8fd !important;
}
.Component
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #c6c8fd;
}
.SelectedComponent
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #fdf9c6;
}
.ToolbarButtonUp
{
    BORDER-RIGHT: 1px outset;
    BORDER-TOP: 1px;
    BORDER-LEFT: 1px outset;
    BORDER-BOTTOM: 1px outset;
    BACKGROUND-COLOR: #c6c8fd;
}
.ToolbarButtonDown
{
    BORDER-RIGHT: 1px inset;
    BORDER-TOP: 1px inset;
    BORDER-LEFT: 1px inset;
    BORDER-BOTTOM: 1px inset;
    BACKGROUND-COLOR: #c6c8fd;
}
.ListHeader
{
    FONT-WEIGHT: bolder;
    font-size: 11px;
    background-color: #D9D9D9;
    background-color: #f0f0dd;
    /*color: #999;*/
}
.ListRowEven
{
    BACKGROUND-COLOR: #ffffff;
}
.ListRowOdd
{
    background-color: #F7F7F7;
}
.ListRowSelected
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #f0e68c;
}
.AdminMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Helvetica CE, Arial CE, Helvetica, Arial, sans-serif;
}
.Error
{
    FONT-WEIGHT: bold;
    COLOR: red;
}
.WindowListEven
{
}
.WindowListOdd
{
    BACKGROUND-COLOR: #e0e1fe;
}
.WindowListHeader
{
}
.WindowListSelected
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #f0e68c;
}
.menu
{
    CURSOR: default;
    COLOR: menutext;
    BACKGROUND-COLOR: transparent;
}
.menuItem
{
    CURSOR: default;
    /*BACKGROUND-COLOR: #c6c8fd*/
}
.menuItemDisabled
{
    CURSOR: default;
    COLOR: graytext;
    /*BACKGROUND-COLOR: #c6c8fd*/
}
.highlightItem
{
    CURSOR: default;
    COLOR: white;
    BACKGROUND-COLOR: highlight;
}
.SQLKeyWord
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
}
.SQLParameter
{
    FONT-WEIGHT: bold;
    COLOR: #0000ff;
}
.SQLMacro
{
    FONT-WEIGHT: bold;
    COLOR: #008800;
}
.panel-default {
        background-color: #c6c8fd;
	font-weight: normal;
}
.Window
{
    BACKGROUND-COLOR: #c6c8fd;
    position:relative;
    vertical-align:top;
}
.MainMenuHighlight
{
    BACKGROUND-COLOR: gold;
}

.ProMESSlider
{
    /*width:100%;*/
    width:600px;
    /*height:100%;*/
    height:220px;
    /*background-color:#CCC;*/
    position:relative;
}

.ProMESSlider #Background
{
    width:480px;
    height:11px;
    position:absolute;
    left:60px;
    bottom:15px;
    border: 0px;
}

.ProMESSlider #Slider
{
    width:30px;
    height:30px;
    position:absolute;
    cursor:hand;
    left:281px;
    bottom:5px;
    border: 0px;
    cursor: pointer;
}

.ProMESSlider #Image
{
    width:125px;
    height:185px;
    position:absolute;
    left:218px;
    bottom:35px;
    border: 0px;
    cursor: pointer;
}

.ProMESSlider #HeadStart
{
    /*width:125px;*/
    height:40px;
    position:absolute;
    left:0px;
    bottom:15px;
    border: 0px;
}

.ProMESSlider #HeadEnd
{
    /*width:125px;*/
    height:40px;
    position:absolute;
    left:530px;
    bottom:15px;
    border: 0px;
}

#Toolbox
{
    max-width: 40px;
    font-size:0px;
    line-height:0px;
    position: fixed;
    top: 50px;
    left: 5px;
    z-index: 99999;
}

.HorizontalWindowLeft
{
    height:100%;
}
.HorizontalWindowRight
{
    height:100%;
}
.HorizontalWindowTopLeft
{
    height:7px;
}
.HorizontalWindowTopRight
{
    height:7px;
}
.HorizontalWindowBottomLeft
{
    height:100%;
}
.HorizontalWindowBottomRight
{
    height:100%;
}

#Toolbox tbody tr td.HorizontalWindowLeft
{
    height:30px;
    font-size:2px;
    line-height:2px;
}
#Toolbox tbody tr td.HorizontalWindowRight
{
    height:30px;
    font-size:2px;
    line-height:2px;
}
#Toolbox tbody tr .ToolbarButton
{
    vertical-align:middle;
    font-size:2px;
    line-height:2px;
    height:30px;
}

#Toolbox .Tool
{
    cursor: pointer;
}

#Toolbox .Selected
{
    border: 1px solid black;
}

.left
{
    float:left;
}
.right
{
    float:right;
}
.outer {
    display: table;
    position: absolute;
    height: 100%; 
    width: 100%;
}

.top {
    display: table-cell;
    vertical-align: top;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}

.ProMESWindow.Center {
    margin-left: auto;
    margin-right: auto; 
    width: /*whatever width you want*/;
}

.ProMESWindow.Center:before{
    content: "<div class='outer'><div class='middle'>";
}

.ProMESWindow.Center:after{
    content: "</div></div>";
}

.ProMESWindow
{
    padding: 10px;
    /*margin-right: 5px;
    margin-bottom: 5px;*/
    /*display:inline-block; */
    text-align:center;             
    -webkit-border-radius:5px;
    border-radius:5px;
    position:relative;
    overflow:hidden;    
    
    /*background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top,  rgba(255, 255, 255,1) 0%, rgba(200, 200, 200,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(100%,rgba(200, 200, 200,1)));
    background: -webkit-linear-gradient(top,  rgba(255, 255, 255,1) 0%,rgba(200, 200, 200,1) 100%);
    background: -o-linear-gradient(top,  rgba(255, 255, 255,1) 0%,rgba(200, 200, 200,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255, 255, 255,1) 0%,rgba(200, 200, 200,1) 100%);
    background: linear-gradient(to bottom,  rgba(255, 255, 255,1) 0%,rgba(200, 200, 200,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); 
    -webkit-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);*/
    background: #c6c8fd;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);    
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);

}

/*
rgba(126,234,25,1) 0%, rgba(83,173,0,1)
129, 129, 129 86, 86, 86

255, 255, 255*/

.mood-1 {
    background-color: #ff3833;
}
.mood-1.unselected:hover {
    background-color: #ff3833;
}

.mood-2 {
    background-color: #ff791d;
}
.mood-2.unselected:hover {
    background-color: #ff791d;
}

.mood-3 {
    background-color: #ffb907;
}
.mood-3.unselected:hover {
    background-color: #ffb907;
}

.mood-4 {
    background-color: #ffcc00;
}
.mood-4.unselected:hover {
    background-color: #ffcc00;
}

.mood-5 {
    background-color: #c1db0f;
}
.mood-5.unselected:hover {
    background-color: #c1db0f;
}

.mood-6 {
    background-color: #55f72b;
}

.unselected:hover {
    background-color: #55f72b;
    /*background-color: inherit;*/
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.unselected
{
    /*background-color: inherit;*/
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}


button.mood {
    border: 1px solid #ddd;
    border-radius: 10px;
    display: block;
    float: left;
    /*margin: 12px;
    padding: 12px 0;*/
    margin: 1%;
    text-align: center;
    width: 14.6%;
    height: 100%;
    white-space: normal;
}

@media all and (orientation: portrait) {
    .QuestionnaireButton
    {
        font-size: 40px; 
        float: right; 
        padding-bottom:10px; 
        padding-top: 10px;
        padding-left: 50px;
        padding-right: 50px;
        margin-right: 15px;
    }
}

@media all and (orientation: landscape) {
    .QuestionnaireButton
    {
        font-size: 20px; 
        float: right; 
        padding-bottom:5px; 
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 7px;
    }
}

/* -----------------------------------------
NEW oa
-------------------------------------------- */
.left {float: left;}
.right {float: right;}

a img
{
	border: 0;
}
.image-wrapper
{
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	padding: 6px;
	margin-right: 12px;
	text-align: center;
	width: 250px
}
	.image-wrapper.indicator-chart
	{
		width: 320px
	}

.image-wrapper.white
{
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px;
	margin: 12px 6px;
	text-align: center;
	width: 230px
}
	.image-wrapper img
	{
		border: 1px solid #fff;
	}
.caption
{
	font-size: 11px;
	margin: 6px;
	padding: 0;
}
.table-default
{
	width: 100%;
}
	.table-default td
	{































































































		vertical-align: top;
	}
.table-component-panel
{
    width: 100%;
    border: 1px solid #ddd;
}
    .table-component-panel td
    {
        padding: 12px;
    }
	
th.c1,
td.c1
{
	text-align: left;
}

.table-report-outline th,
.table-report-outline td
{
}
	.table-report-outline-details th,
	.table-report-outline-details td
	{
		border: 1px solid #ddd;
		padding: 3px 6px;
		text-align: center;
		vertical-align: top;
	}
		.table-report-outline-details th h3
		{
			margin: 0;
			padding: 0;
		}
		.table-report-outline-details th.c1,
		.table-report-outline-details td.c1
		{
			text-align: left;
			width: 60%
		}
		.table-report-outline-details td.c2,
		.table-report-outline-details td.c3,
		.table-report-outline-details td.c4
		{
			width: 80px;
		}
		.gaugemeter 
		{
			width: 50px;
			background: #fff; /* Old browsers */
			background: -moz-linear-gradient(top, #fff 30%, #ccc 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fff 30%,#ccc 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fff 30%,#ccc 100%); /* Opera11.10+ */
			background: -ms-linear-gradient(top, #fff 30%,#ccc 100%); /* IE10+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
			background: linear-gradient(top, #fff 30%,#ccc 100%); /* W3C */
		}
		.gaugemeter img
		{
			-moz-box-shadow: 0 1px 3px #888;
			-webkit-box-shadow: 0 1px 3px #888;
			box-shadow: 0 1px 3px #888;			
		}

/* -----------------------------------------
Index tables (gauge meters)
-------------------------------------------- */

.table-index th,
.table-index td
{
	padding: 3px;
}
.table-index th.heading
{
	text-align: left;
	border-bottom: 1px solid #ddd
}
.table-index td
{
	text-align: center;
}
.table-index .gaugemeter
{
	padding-top: 6px;
}

.table-index-total
{
}
.table-index-total,
.table-index-sub
{
	border: 3px solid #ddd;
}
	.table-index-total .gaugemeter,
	.table-index-sub .gaugemeter
	{
		padding: 6px;
	}
td.container-index-total
{
	padding: 6px!important;
	vertical-align: middle;
}
/* -----------------------------------------
/Index tables (gauge meters)
-------------------------------------------- */

/* -----------------------------------------
Table summary ("Field of action" and "Vision"
-------------------------------------------- */
.table-summary td
{
	color: #465D71;
}
	.table-summary-objective
	{
		width: 350px!important;
	}
	.txtBox-center
	{
		text-align: center;
	}
		.txtBox-center p
		{
			color: #fff;
			font-size: 14px;
			padding: 0;
			margin: 0;
		}
	.table-summary-indicator td
	{
	}
	.table-summary-totalindex td
	{
	}

/* -----------------------------------------
/Table summary ("Field of action" and "Vision"
-------------------------------------------- */


td.row
{
	border: 7px solid #ddd;
	padding: 3px
}

.cell-img
{
	width: 20px;
}
.cell-img img
{
	width: 20px;
	height: 100%;
}
a.comments
{
	background: url(img/call-out-left.png) no-repeat 0 0;
	color: #fff;














































	display: block;













	float: right;
	opacity: 0.8;
}
	.comments:link
	{
		text-decoration: none;
	}
	.comments:hover
	{
		opacity: 1;
		position: relative;
		top: -1px;
	}

	.comments span
	{
		background: url(img/call-out-right.png) no-repeat right 0;
		display: block;
		font-size: 12px;
		height: 30px;
		padding: 3px 10px 0 3px;
		margin-left:6px;
		text-align: center;
	}
	.comments span
	{
		_display: inline;
	}

/* -----------------------------------------
Skin: Contours
-------------------------------------------- */
    /* ----- Borders ----- */
        .border-plain { border: 1px solid #d5d8db; }
        .border-plain-light { border: 1px solid #eee; }
			.border-top { border-width: 1px 0 0 0; }
			.border-bottom { border-width: 0 0 1px 0; }
        .border-no { border: none!important; }
        .divider { border: none; border-top: 1px solid #d5d8db; }
    /* ----- /Borders ----- */

    /* ----- Boxes ----- */
    .box-rounded-1 {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }
    .box-rounded-2 {
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
    }
    .box-rounded-3 {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
    .box-rounded-4 {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    /* ----- /Boxes ----- */

    /* ----- Shadows ----- */
    .shadow-0 {
        -moz-box-shadow: 0 5px 10px #000000;
        -webkit-box-shadow: 0 5px 10px #000000;
        box-shadow: 0 5px 10px #000000;
    }
    .shadow-1 {
        -moz-box-shadow: 0 5px 10px #d5d8db;
        -webkit-box-shadow: 0 5px 10px #d5d8db;
        box-shadow: 0 5px 10px #d5d8db;
    }
    .shadow-2 {
        -moz-box-shadow: 0 5px 10px #c7c1b8;
        -webkit-box-shadow: 0 5px 10px #c7c1b8;
        box-shadow: 0 5px 10px #c7c1b8;
    }
    .shadow-3 {
        -moz-box-shadow: 0 5px 10px #c7c1b8;
        -webkit-box-shadow: 0 5px 10px #c7c1b8;
        box-shadow: 0 -3px 3px #c7c1b8;
    }
    /* ----- /Shadows ----- */
/* -----------------------------------------
/Skin: Contours
-------------------------------------------- */


/* -----------------------------------------
Skin: Inside
-------------------------------------------- */
    /* ----- Backgrounds ----- */
	.fade-to-white
	{
		background: #fff; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 30%, #f7f7f7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 30%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fff 30%,#f7f7f7 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #fff 30%,#f7f7f7 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#FFFFFF', endColorstr='#F7F7F7',GradientType=0 ); zoom: 1; /* IE6-9 */

		background: linear-gradient(top, #fff 30%,#f7f7f7 100%); /* W3C */
	}
	.fade-objective
	{
		background: #aaa800; /* Old browsers */
		background: -moz-linear-gradient(top, #aaa800 0%, #c4c44d 32%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa800), color-stop(32%,#c4c44d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #aaa800 0%,#c4c44d 32%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #aaa800 0%,#c4c44d 32%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #aaa800 0%,#c4c44d 32%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAA800', endColorstr='#C4C44D',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #aaa800 0%,#c4c44d 32%); /* W3C */
	}
	.fade-indicator
	{
		background: #e1a800; /* Old browsers */
		background: -moz-linear-gradient(top, #e1a800 0%, #fab51e 32%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1a800), color-stop(32%,#fab51e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e1a800 0%,#fab51e 32%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e1a800 0%,#fab51e 32%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #e1a800 0%,#fab51e 32%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1A800', endColorstr='#FAB51E',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #e1a800 0%,#fab51e 32%); /* W3C */
	}
	.fade-subindex
	{
	}
	.fade-totalindex
	{
		background: #495f73; /* Old browsers */
		background: -moz-linear-gradient(top, #495f73 0%, #a2aeb8 32%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495f73), color-stop(32%,#a2aeb8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #495f73 0%,#a2aeb8 32%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #495f73 0%,#a2aeb8 32%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #495f73 0%,#a2aeb8 32%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495F73', endColorstr='#A2AEB8',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #495f73 0%,#a2aeb8 32%); /* W3C */	
	}
    /* ----- /Backgrounds ----- */

    /* ----- Spacer ----- */
        /* Top-Right-Bottom-Left */
        .space-trbl { padding: 12px; }
        .space-rbl { padding: 0 12px 12px 12px; }
        .space-tb { padding: 12px 0; }
        .space-tl { padding: 12px 0 0 12px; }
        .space-trl { padding: 12px 12px 0 12px; }
        .space-rb { padding: 0 12px 12px 0; }
        .space-t { padding: 12px 0 0 0; }
        .space-r { padding: 0 12px 0 0; }
        .space-b { padding: 0 0 12px 0; }
        .space-l { padding: 0 0 0 12px; }
        /* tighter */
        .space-trbl-2 { padding: 6px; }
        .space-rbl-2 { padding: 0 6px 6px 6px; }
        .space-tb-2 { padding: 6px 0; }
        .space-tl-2 { padding: 6px 0 0 6px; }
        .space-trl-2 { padding: 6px 6px 0 6px; }
        .space-t-2 { padding: 6px 0 0 0; }
        .space-r-2 { padding: 0 6px 0 0; }
        .space-b-2 { padding: 0 0 6px 0; }
        .space-l-2 { padding: 0 0 0 6px; }
        /* tighter */

        .margin-trbl { margin: 12px; }
        .margin-rbl { margin: 0 12px 12px 12px; }
        .margin-trb { margin: 12px 12px 12px 0; }
        .margin-tb { margin: 12px 0; }
        .margin-t { margin: 12px 0 0 0; }
        .margin-r { margin: 0 12px 0 0; }
        .margin-b { margin: 0 0 12px 0; }
        .margin-l { margin: 0 0 0 12px; }
        /* tighter */
        .margin-trbl-2 { margin: 6px; }
        .margin-rbl-2 { margin: 0 6px 6px 6px; }
        .margin-trb-2 { margin: 6px 6px 6px 0; }
        .margin-tb-2 { margin: 6px 0; }
        .margin-t-2 { margin: 6px 0 0 0; }
        .margin-r-2 { margin: 0 6px 0 0; }
        .margin-b-2 { margin: 0 0 6px 0; }
        .margin-l-2 { margin: 0 0 0 6px; }
        /* tighter */

        .reset-space { padding: 0; margin: 0 }
		
		.nowrap { white-space: nowrap!important; }

        .one-row { height: 2em; }

        .hanging-indent-30 { padding-left: 30px; }
        .hanging-indent-40 { padding-left: 40px; }
        .hanging-indent-50 { padding-left: 50px; }
        
        .level-1 {margin-left: 0;}
        .level-2 {margin-left: 20px;}
        .level-3 {margin-left: 40px;}
    /* ----- /Space ----- */
/* -----------------------------------------
/Skin: Inside
-------------------------------------------- */

/* -----------------------------------------
Content: Common
-------------------------------------------- */
    /* ----- demo ----- */
	.debug {border: 1px solid orange;}
	.debug-2 {border: 1px solid lime;}
	
	x.debug .c1
	{
		background: aqua;
	}
	x.debug .c2
	{
		background: blue;
	}
	x.debug .c3
	{
		background: fuchsia;
	}
	x.debug .c4
	{
		background: gray;
	}
	x.debug .c5
	{
		background: green;
	}
	x.debug .c6
	{
		background: lime;
	}
	x.debug .c7
	{
		background: maroon;
	}
    /* ----- /demo ----- */

    /* ----- Cursors ----- */
    .cursor-help { cursor: help; }
    .cursor-move { cursor: move; }
    .cursor-pointer { cursor: pointer; }
    /* ----- /Cursors -----*/

	/* ----- Hide for both screenreaders and browsers ----- */
	.hidden { display: none; visibility: hidden; }	
	/* ----- /Hide for both screenreaders and browsers ----- */
/* -----------------------------------------
/Content: Common
-------------------------------------------- */

/* -----------------------------------------
Content: Typography
-------------------------------------------- */
	/* ----- Common headings ----- */
    .headingPrimary /* h1 */
	{
	}
    .headingSecondary /* h2 */
    {
        border-bottom: 1px dotted #94abbc;
        font-size: 16px;
        margin: 0;
        padding-bottom: .3em;
    }
    .headingTertiary /* h3 */
	{
		border-bottom: 1px dotted #ddd;
		color: #777;
        font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		padding-bottom: 3px;
		text-transform: uppercase;
	}
    .headingQuarternary /* h4 */
	{
	}
    .headingQuinary /* h5 */
	{
	}
    .headingSeary /* h6 */
	{
	}
	.headingPusher 
	{
	    color: #94ABBC;
	    display: block;
	    font-size: 40%;
	    font-weight: bold;
	    letter-spacing: 1px;
	    margin-bottom: .3em;
	    text-transform: uppercase;
	}
		h3 .headingPusher,
		h4 .headingPusher
		{
			font-size: 75%;
		}	                 
	/* ----- /Common headings ----- */

    /* ----- Text ----- */
    .txtSmall {	font-style: normal;	font-size: 10px; }
    .txtAllCaps { text-transform: uppercase; }
    .txtCopyright { line-height:26px; }
    .txtNormal { font-weight: normal; }
    .txtRed { color: #c72c36; }
    .txtPreamble 
    {
        font-weight:bold;
        font-size:13px;
        margin-bottom:20px;
    }
    .txtDescription
    {
    	border-bottom: 1px dotted #ddd;
		color: #888;
    	margin-bottom: 12px;
    	padding-bottom: 6px;
    }
    .caption
    {
    }
    .item-count  
    {
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
    	font-size: 80%;
    	margin-left: .5em;
    	font-style: normal;
    }
   	.level-1 .txtLabel,
   	.level-2 .txtLabel
	{
		color:#575757; 
		font-weight: bold;
		margin-top: 6px;
	}
    /* ----- /Text ----- */
    
    /* ----- Read-only label-value pairs ----- */
	/* Labels for read-only fields */
	p.txtRead-only
	{
		color: #888;
		margin: 0;
	}
	.txtRead-only-label
	{
		color:#575757; 
		font-weight: bold;
		margin-top: 6px;
	}
	/* Read-only fields/text */
/* ----- Read-only ----- */

    
    /* ----- Text, color ----- */
    .dimmed, .dimmed a { color:#919191; }
	.neg { color: #fff; }
    .current {color:#d95964;}
    .engrave
    {
    	text-shadow: 0 1px 0 #fff;
    	filter: dropshadow(color=#ffffff,offX=0,offY=1);
    }
    /* ----- /Text, color ----- */

    /* ----- No data to show ----- */
    .noDataToShow
    {
    }
		.noDataToShow-text
		{
    		font-style: italic;
    		margin: 0;
		}
    /* ----- /No data to show ----- */
    
	/* ----- Links ----- */
	.link-no-decoration { text-decoration: none; }
	/* ----- /Links ----- */

    /* ----- Lists ----- */
    .list-horiz li { display:inline; }
        .list-horiz li a { padding: 0 5px 0 0; }
    .list-circle { list-style-type: circle; margin-left: 3em;}
    .list-decimal { list-style-type: decimal; margin-left: 3em; }
    /* ----- /Lists ----- */
/* -----------------------------------------
Content: Typography
-------------------------------------------- */

/* -----------------------------------------
Content: Forms
-------------------------------------------- */
	label img
	{
		position: relative;
		top: 3px;
	}
	.toolbar-container
	{
		clear: both;
		border-top: 1px solid #ddd;
		margin-top: 12px;
	}
		.toolbar-container input
		{
			margin: 12px;
		}
		.btnSubmit
		{
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			-o-border-radius: 3px;
			border-radius:3px;
			
			-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
			-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
			
			background: -moz-linear-gradient(19% 65% 90deg,#0087B4, #0099CC, #0099CC 51%);
			background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0087B4));
	/*
			filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#0087B4,endColorstr=#ffffff,GradientType=0); zoom: 1;
	*/
			background-color: #0087b4;
			
			color:#fff;
			font-size:14px;
			font-weight:bold;
			padding:10px 25px;
			text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
			border: 1px solid #267ed4;
		}
		
		.btnSubmit:hover
		{
			color: #f1f1f1;
		}
/* -----------------------------------------
/Content: Forms
-------------------------------------------- */