<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---------------------------    
	Site Title website sections:

	0.	CSS Reset &amp; Body
	1.	Header
	2.	Navigation
	3.	Main Content Area
	4.	Fonts 
	5.	Dashboards 
	6.	Tables 
	7.	Forms
	8.	Footer 
	9.	Login
	10.	Filter Results 
	11.	Path 
	12.	Narrow Container 
	13.	Extra Narrow Container
	14.	Block 
	15.	Facebox Popup
    16. File Upload

-----------------------------*/


/*---------------------------
0.	CSS Reset &amp; Body
-----------------------------*/
* { margin:0;padding:0;border:0px none;}
ul, ol, li { list-style-type:none; }
a, button { text-decoration:none; color:#1d5aa4; outline:none; cursor:pointer;}
a:hover, button:hover {text-decoration:underline;}
body {font:12px/18px "Arial", Helvetica, sans-serif; background:#e8e8e8; color:#555;} 
.wrapper {width:950px; margin:0 auto; }  
h1 { color:#ffffff;  }
.clearer { clear:both; height:0px;}
.dateWrapper { width:200px; float:left; margin-right:15px;}
.validation-summary-valid { display: none; }
.nofloat { float: none; }

div.contain label {font-weight:bold; color:#222; margin-bottom:2px; display:block;}
div.checkbox label { display: inline; font-weight: normal; }

.path-filter { font-size:10pt; display: inline; float: right; clear: none; padding-right: 20px; margin-top: 3px; }
.path-filter em {color:#222; padding-right:10px; font-size:13px;}  
.path-filter select {min-width:75px; width:auto; padding:4px 6px; margin:0 0 0 5px; border-color:#aaa; background:white;} 
.path-filter input {min-width:75px; width:auto; padding:4px 6px; margin:0 0 0 0px; border-color:#aaa; background:white;}

div.query-form select {min-width:75px; width:auto; padding:4px 6px; display: inline;}
br.page-break { page-break-before:always; } 
.page-break { page-break-before:always;  }

.gridLoader { background:#fff url(./Images/Layout/gridloader.gif) 0 0 no-repeat; width:300px; height:20px; color:#2d7fe9; font-size:8pt; padding-left:15px; padding-top:1px; }


/*---------------------------
1.	Header
-----------------------------*/
.infoWrapper { background: url(./Images/Layout/TopRepeat.png) 0 0 repeat-x; height:45px; font:11pt "Arial", Helvetica, sans-serif; color:#ffffff; position:fixed; float:left; clear:both; z-index:10; width:100%;}
        .infoWrapper .UserWrapper {float:left; margin-top:15px; font-size:10pt; }
            .infoWrapper .UserWrapper span.blueText {color:#2d7fe9;}
        .infoWrapper .ActionWrapper {float:right; margin-top:3px;}
            .infoWrapper .ActionWrapper ul { float:left; width:100%; clear:both; }
            .infoWrapper .ActionWrapper ul li {float:left; padding:10px; background: url(./Images/Layout/HeadSeperator.png) 0 3px no-repeat; margin-left:20px; }
            .infoWrapper .ActionWrapper .NotificationsWrapper { margin-left:15px; width:32px; height:26px; float:left; background: url(./Images/Layout/NotificationBG.png) 0 0 no-repeat; }
            .infoWrapper .ActionWrapper .MessagesWrapper { margin-left:25px;width:32px; height:26px; float:left; background: url(./Images/Layout/MessagesBg.png) 0 0 no-repeat;}
            .infoWrapper .ActionWrapper .EmptiesWrapper { margin-left:15px;width:18px; height:26px; float:left; background: url(./Images/Layout/ico_Empties.png) 0 0 no-repeat;}
            .infoWrapper .ActionWrapper a.btn {font-weight:bold; color:white; background:black; padding:4px 15px; margin-left:12px; border:1px solid black; border-bottom:1px solid #484848; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
            .infoWrapper .ActionWrapper a.btn:hover {background-color:#222;}
            .infoWrapper .ActionWrapper a.btn.logout {padding-right:33px; background:black url(./images/layout/icoShield.png) 90% center no-repeat;}
            .infoWrapper .ActionWrapper a.btn.logout:hover {background-color:#222;}
            .infoWrapper .ActionWrapper a.notification { float:right; margin-right:-3px; margin-top:-8px; color:white; background:#ff2d36; font-size:7pt; padding:1px 5px; margin-left:12px; border:2px solid #ffffff; border-bottom:2px solid #ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            .infoWrapper .ActionWrapper a.notification:hover {background:#2d7fe9;}
            .infoWrapper .ActionWrapper a.emptynotification { float:right; margin-right:-3px; margin-top:-8px; color:white; background:#ff2d36; font-size:7pt; padding:1px 5px; margin-left:12px; border:2px solid #ffffff; border-bottom:2px solid #ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            .infoWrapper .ActionWrapper a.emptynotification:hover {background:#2d7fe9;}
            .infoWrapper .ActionWrapper a {color:#ffffff; font-size:10pt; }
header { width:100%; height:105px; float:left; clear:both; background:white; clear:both; position:relative; margin-top:45px;  }
    header .VersionWrapper { width:98px; height:98px;  position:absolute; top:-10px; right:0px;  }
    header div.wrapper { width:950px; height:105px; margin:0 auto; background: #ffffff url(./Images/Badges/vault-icon.png) 100% 20% no-repeat;  clear:both; }
	header img {float:left; margin:0;}
    header .titleWrapper { float:right; clear:both; }
    header .titleWrapper h1 {  color:#d2d2d2; font-size:18pt; margin:64px 10px 0px 10px; }
    header .titleWrapper p { color:#555555; font-size:8pt; text-align:right; margin-right:10px;  }
    


/*---------------------------
2.	Navigation
-----------------------------*/
nav { width:100%; height:45px; float:left; clear:both; background:#fff url(./images/layout/nav.gif) 0 0 repeat-x; } 
nav .contain {border-left:1px solid #d4d4d4; height:44px; float:left; padding:1px 0 0;}
	nav a {float:left; height:43px; color:black; padding:0 25px; font:700 13px/43px "Syntax", Arial, Helvetica, sans-serif; border-left:1px solid white; border-right:1px solid #d4d4d4; }   
    nav a:hover {background:#1d5aa4; text-decoration:none; color:white; border-color:#1d5aa4;}    
    nav a.active, nav a.active:hover {background:#eeeeee url(./images/layout/NavActive.png) 50% 100% no-repeat; height:44px; color:black; border-left:1px solid white; border-right:1px solid #d4d4d4;}   
	.subnav { width:100%; height:37px; float:left; clear:both; background:#111 url(./images/layout/h1.gif) 0 0 repeat-x; border-bottom:1px solid #d4d4d4; color:#bbb; overflow:hidden;}
		.subnav a { padding:0 15px; line-height:35px; color:#ffffff; background:url(./images/layout/SubNavSpacer.png) 0 0 no-repeat}
            .subnav a:first-child {background:none; }
			.subnav a.active {color:#2d7fe9;}
            .subnav a.disabled {color:#555;}
 
   	
/*---------------------------
3.	Main Content Area
-----------------------------*/
.content {width:100%; float:left; clear:both; padding:30px 0 10px;} 
	.container {float:left; background:white; margin:0 0 25px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 3px 0px #999999; -moz-box-shadow:0px 0px 3px 0px #999999; box-shadow:0px 0px 3px 0px #999999;} 
		.container .contain {padding:15px; clear:both; float:left; width:920px;}
		.container .contain a { margin-right:15px; }
		.container .two-columns {clear:both; float:left; width:950px;}
		 	.container .two-columns .column {padding:15px; float:left; width:445px;}
		.container .three-columns {clear:both; float:left; width:950px;}
			.container .three-columns .column {padding:15px 20px; float:left; width:275px;} 
			.container .icon .first {width:130px;}
			.container .icon .second {width:375px;}
			.container .icon .third {width:325px; }				
	.head {width:920px; float:left; padding:9px 15px 0; height:39px; color:white; background:#000000 url(./images/layout/h1.gif) 0 0 repeat-x; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; clear:both;}
    	.head h1 {float:left; line-height:20px; margin-top:5px;}
		.head a.btn {font-weight:bold; float:right; color:white; background:none; background-color:black; padding:4px 15px; margin-top:3px; margin-left:12px; border:1px solid black; border-bottom:1px solid #484848; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; filter:none; }
            .head a.btn:hover {background:#222;}
        .head a.new {padding-right:30px; background:black url(./images/layout/plus.gif) 93% center no-repeat;} 
        .head a.new:hover { padding-right:30px; background:#222 url(./images/layout/plus.gif) 93% center no-repeat;}
		.head a.help { padding-right:33px; background:black url(./images/layout/info.gif) 87% center no-repeat; } 
        .head a.help:hover {padding-right:33px; background:#222 url(./images/layout/info.gif) 87% center no-repeat;} 
		.head a.settings {padding-right:33px; background:black url(./images/layout/cog.gif) 87% center no-repeat; display:none;} 
        .head a.edit {padding-right:32px; background:black url(./images/layout/pencil.gif) 90% center no-repeat;} 
        .head a.edit:hover {padding-right:32px; background:#222 url(./images/layout/pencil.gif) 90% center no-repeat;} 
		.head a.import {padding-right:30px; background:black url(./images/layout/import.gif) 92% center no-repeat;}
		.head a.pdf {padding-right:33px; background:black url(./images/layout/pdf.gif) 90% center no-repeat;}
        .head a.pdf:hover {padding-right:33px; background:#222 url(./images/layout/pdf.gif) 90% center no-repeat;} 
		.head a.interact {padding-right:33px; background:black url(./images/layout/interact.gif) 90% center no-repeat;} 
		.head a.details {padding-right:33px; background:black url(./images/layout/details.gif) 88% center no-repeat;}  
        .head a.device {padding-right:30px; background:black url(./images/layout/device.gif) 86% center no-repeat;}
        .head a.location {padding-right:30px; background:black url(./images/layout/location.gif) 88% center no-repeat;} 
        .head a.merge {padding-right:33px; background:black url(./images/layout/icoMerge.png) 93% center no-repeat;}
        

/*---------------------------
4.	Font Styles 
-----------------------------*/
h1 {color:white; font:700 20px/22px "Syntax", Arial, Helvetica, sans-serif;} 
h2 {color:#111; font:700 19px/21px "Syntax", Arial, Helvetica, sans-serif; margin:0 0 15px;} 
p {margin:0 0 15px;} 
em {font-style:normal;font-weight:bold;} 
.ruler {width:100%; height:1px; border-bottom:1px dotted #ccc; margin:5px 0 15px; clear:both;}
button {font-weight:bold; font-family:"Arial", Helvetica, sans-serif; background:none; padding:0;}    
p.btn {padding-top:15px; clear:left;}      
  p.btn a {margin-right:15px;}  
	p.centered { text-align:center;}  

/*---------------------------
5.	Dashboards  
-----------------------------*/
ul.dash {float:left; width:100%; clear:both;}  
	ul.dash li {float:left; width:435px; padding:10px;}
		ul.dash li.first, ul.dash li.third {margin-right:10px; width:434px; border-right:1px solid #ccc;}
    ul.dash li.ruler {float:left; clear:both; width:100%; height:15px; margin:0 0 15px; border-bottom:1px solid #ccc; padding:0;}
		ul.dash li .icon {float:left; width:150px; }
		ul.dash li .info {float:left; width:265px; margin-left:15px;}
			ul.dash li .info p {margin:0 10px 20px 0;}
		ul.dash li .info .btn {float:left; margin:0 10px 12px 0; }
			ul.dash li .info .btn a, p.btn a { float:left; padding:6px 10px; color:#222; font:700 12px/12px "Arial", Helvetica, sans-serif; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:1px 1px 1px 0px #ccc; -moz-box-shadow:1px 1px 1px 0px #ccc; box-shadow:1px 1px 1px 0px #ccc;}
    	    ul.dash li .info .btn a:hover, p.btn a:hover {background:#222; color:white; border-color:#222; text-decoration:none; filter:none;}
			/* Disabled buttons */
			ul.dash li .info .btn a.disabled, p.btn a.disabled { color:#555; border-color:#bbb; background:#ddd; }
    	    ul.dash li .info .btn a.disabled:hover, p.btn a.disabled:hover {background:#ddd; color:#555; border-color:#bbb; text-decoration:none; filter:none; cursor:default;}


ol.list { list-style-type:decimal; counter-reset: item }
    ol.list li {padding-right:10px; padding-left:25px; display:block;}
    ol.list li:before { content: counters(item, ".") " "; counter-increment: item }


/*---------------------------
6.	Tables  
-----------------------------*/
table {border:0; padding:0; margin:0 0 20px; border-spacing:0; width:100%; text-align:left; font:11px/14px "Arial", Helvetica, sans-serif; border:1px solid #ccc; border-bottom:0;}
	table thead th {text-align:left; padding:10px; color:#222; font-size:12px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid white; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ }
	table thead th:last-child {border-right:0;}
	table thead th a.btn { text-align:center; margin:0 4px; padding:3px 6px; color:#333; font:700 12px/12px "Arial", Helvetica, sans-serif; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:1px 1px 1px 0px #ccc; -moz-box-shadow:1px 1px 1px 0px #ccc; box-shadow:1px 1px 1px 0px #ccc;}
    table thead th a.btn:hover { cursor:pointer; background:#222222; color:white; border-color:#222222; text-decoration:none; } 
	  table th span {float:right;}
	table form { display:inline; }
	table td { padding:10px; border-bottom:1px solid #ccc; }
	table td label { float:left; margin-right:10px; }
		table td span.neg {padding-left:18px; background:url(./images/layout/arrow-down.gif) 0 center no-repeat;}
		table td span.pos {padding-left:18px; background:url(./images/layout/arrow-up.gif) 0 center no-repeat;}
    table tfoot td { text-align:left; padding:10px; font-weight:normal; background:#eee; border-bottom:1px solid #ccc;} 		
    	table tfoot td a, table tbody td a.btn, table tbody th input.btn { text-align:center; margin:0 4px; padding:3px 6px; color:#333; font:700 12px/12px "Arial", Helvetica, sans-serif; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:1px 1px 1px 0px #ccc; -moz-box-shadow:1px 1px 1px 0px #ccc; box-shadow:1px 1px 1px 0px #ccc;}
        table tfoot td a:hover, table tbody td a.btn:hover, table tbody th input.btn:hover {cursor:pointer; background:#222222; color:white; border-color:#222222; text-decoration:none;} 
        table tfoot td select {min-width:60px; width:auto; padding:4px 6px; margin:0; background:white;}
		table tfoot td input {float:left; width:auto; padding:4px 6px; margin:0; background:white;} 
		table tfoot td input.btn {height:25px; margin:0 4px;}
    table tfoot td div { float:left;}
        table tfoot td div.search { }
        table tfoot td div.rows { margin-left:280px;}
        table tfoot td div.paging {margin-left:60px; margin-top:7px; }
table.totals {border:0; border-bottom:1px solid #ccc;}
	table.totals td, table.totals th {padding:5px; border:0; border-top:1px solid #ccc;}
	table.totals th {font-weight:bold; padding:5px; background:#f0f0f0;color:black;}
	 	table.totals thead th {padding:5px; background:#f0f0f0;}
table.details {border:0; border:0; padding:0; margin:0 0 20px; border-spacing:0; width:100%; text-align:left; font:10pt/12pt "Arial", Helvetica, sans-serif; border:1px solid #ccc; border-bottom:0;}
 	table.details thead th {text-align:left; padding:10px; color:#222; font-size:11pt; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid white; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ }
     table.details thead th:last-child {border-right:0;}
	table.details td {padding:10px; border-bottom:1px dotted #ccc; }
		 table.details tr:nth-child(even) td {background:#f0f0f0;}

/*---------------------------
7.	Forms  
-----------------------------*/ 
form {font:12px/18px "Arial", Helvetica, sans-serif;}  
form label {font-weight:bold; color:#222; margin-bottom:2px; display:block;}
input, select, textarea {padding:8px; background:#f1f1f1; outline:none; border:1px solid #ccc; font:12px/12px "Arial", Helvetica, sans-serif; width:93%; margin:0 0 15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 1px 1px 2px 0px #dddddd; -moz-box-shadow:inset 1px 1px 2px 0px #dddddd; box-shadow:inset 1px 1px 2px 0px #dddddd;}
.checkbox, .radio {margin:0 15px 15px 0; background:none; clear:both; position:relative;}  
	.checkbox input, .check-box input, .radio input {outline:0; border:0; padding:0; width:15px; background:#fff; margin:0 5px 0 0; float:left;}
    .radio input, .radio label { float:left; width:auto;}
    .radio label { margin-right:15px; padding-right:15px;}
input:focus, select:focus, textarea:focus {border:1px solid #222;}
.placeholder, ::-webkit-input-placeholder, :-moz-placeholder {color:#aaa;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display:none;}
input.btn, a.btn { text-align:center; padding:6px 12px; width:auto; color:#333; font:700 12px/12px "Arial", Helvetica, sans-serif; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:1px 1px 1px 0px #ccc; -moz-box-shadow:1px 1px 1px 0px #ccc; box-shadow:1px 1px 1px 0px #ccc;}
input.btn:hover, a.btn:hover {cursor:pointer;  background:none; filter:none; background-color:#222222;  color:white; border-color:#222222; text-decoration:none; }
    input.btn:hover {background:#222222;}
input.btn.selected, a.btn.selected { cursor:pointer; background:#222222; color:white; border-color:#222222; text-decoration:none; filter:none; }
.success, .error {background:#dcf3c7 url(./images/layout/success.png) 0px center no-repeat; color:#336801; padding:10px 15px 10px 50px; border:1px solid #a6d877; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0px 20px 0;} 
.error { clear:both; background:#fbd5d5 url(./images/layout/error.png) 15px center no-repeat; color:#8d0d0d; border-color:#f3abab; }
.error.narrow { width:500px; margin:10px 20px 10px 20px;}
	select[multiple] {height:120px;}
	textarea { height:105px}

.field-validation-error{color: #ff0000; margin-left:0px; font-weight:bold;}
.field-validation-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold; color: #ff0000;}
.validation-summary-valid { display: none; }

/*---------------------------
8.	Footer 
-----------------------------*/
footer { width:100%; float:left; clear:both; padding:0 0 10px;}
	footer p {text-align:center; font-size:11px; line-height:16px; color:#888;}
	footer p a {padding:0 3px;}
    	footer p a.messages {padding:2px 5px; margin-left:3px; font:11px/11px "Arial", Helvetica, sans-serif; color:black; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:1px 1px 1px 0px #ccc; -moz-box-shadow:1px 1px 1px 0px #ccc; box-shadow:1px 1px 1px 0px #ccc; background:rgb(247,198,15); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(247,198,15,1) 0%, rgba(243,164,9,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,198,15,1)), color-stop(100%,rgba(243,164,9,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(247,198,15,1) 0%,rgba(243,164,9,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(247,198,15,1) 0%,rgba(243,164,9,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(247,198,15,1) 0%,rgba(243,164,9,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(247,198,15,1) 0%,rgba(243,164,9,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c60f', endColorstr='#f3a409',GradientType=0 ); /* IE6-9 */}


/*---------------------------
9.	Login 
-----------------------------*/
body.login .wrapper {width:400px;}
body.login header { border-bottom:1px solid #ccc; text-align:center; }
    body.login header .VersionWrapper { width:98px; height:98px; position:absolute; top:0px; right:0px;  }
    body.login header .VersionWrapper img { float:none; margin:0px; width:98px; height:98px; } 
	body.login header img {float:left; width:120px; margin-top:20px;} 
    body.login header h1 {float:right;font-size:11pt;}
    body.login header .titleWrapper { float:right; clear:both; }
    body.login header .titleWrapper h1 {  color:#6a6a6a; font-size:12pt; margin:64px 10px 0px 10px;clear:both;  }
    body.login header .titleWrapper p { color:#6a6a6a;  font-size:8pt; text-align:right; margin-right:10px; clear:both;}



body.login .container .contain {width:270px;} 
	body.login .head {width:270px; text-align:center;}
    
    	body.login .head h1 {float:none; }                                    
        

/*---------------------------
10.	Filter Results  
-----------------------------*/
dl.filter {width:100%; float:left; clear:both; margin:0 0 20px;}	
	dl.filter p {margin:0;}
	dl.filter dt {width:30%; float:left; padding:14px 0 0;}	
	dl.filter dd {width:70%; text-align:center; padding:10px 0; float:left; background:#e8e8e8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}	
		dl.filter dd em {color:#222; padding-right:10px; font-size:13px;}
		dl.filter dd select {min-width:75px; width:auto; padding:4px 6px; margin:0 0 0 5px; border-color:#aaa; background:white;} 
div.filter {width:96%; float:left; clear:both; padding:10px 2%; margin:0 0 20px; background:#e8e8e8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	div.filter em {color:#222; padding-right:10px; font-size:13px;}  
	div.filter select {min-width:75px; width:auto; padding:4px 6px; margin:0 0 0 5px; border-color:#aaa; background:white;}
	

/*---------------------------
11.	Path  
-----------------------------*/	
.path {padding:0px 0px; font-size:11px; width:920px; float:left; clear:both; color:#999; }   
	.path p {background:#e8e8e8; padding:7px 5px; margin:0; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}	
	.path a, .path span {padding:0 5px; margin:0 5px;} 
	.path a.home { text-indent:-9999px; background:url(./images/layout/home.png) center center no-repeat; float:left; width:19px; height:18px;}

/*---------------------------
12.	Narrow Container  
-----------------------------*/
.narrow {width:600px; margin:0 auto;}
.narrow .wrapper {width:590px; clear:both; }
    .narrow .container { width:100%;}
	 .container .contain.narrow {padding:15px; clear:both; float:left; width:570px;}
	.narrow .container .two-columns {clear:both; float:left; width:600px;}
	 	.narrow .container .two-columns .column {padding:15px; float:left; width:270px;}
	.narrow .head {width:570px;}
	.narrow .container .three-columns {clear:both; float:left; width:600px;}
		 	.narrow .container .three-columns .column {padding:15px; float:left; width:170px;}

    .narrow ul.dash { float: left; width: 100%; clear: both; }
    .narrow ul.dash li { float: none;  clear: both;  width: 100%; padding: 10px; }
    .narrow ul.dash li .icon {float:left; width:150px; }
		.narrow ul.dash li .info {float:left; width:400px; margin-left:15px;}
/*---------------------------
13.	Extra Narrow Container  
-----------------------------*/
.extraNarrow {width:300px; margin:0 auto;} 
	.extraNarrow .container .contain {padding:15px; clear:both; float:left; width:270px;}
	.extraNarrow .head {width:270px;}
	

/*---------------------------
14.	Block 
-----------------------------*/	
.block {width:100%; padding:5px 0;} 
	.block label {display:block; padding:0; margin:0;}  

	
/*---------------------------
15.	Facebox Popup 
-----------------------------*/
.CrudDialogueWrapper {padding:10px;}
    .CrudDialogueWrapper .ui-dialog-titlebar {padding:9px 15px 0; height:35px; color:white; background:#000000 url(./images/layout/h1.gif) 0 0 repeat-x; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; clear:both; font-size:12pt;}
    .CrudDialogueWrapper .ui-dialog-content { background:white; margin:0 1px 0 1px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-box-shadow:0px 0px 3px 0px #999999; -moz-box-shadow:0px 0px 3px 0px #999999; box-shadow:0px 0px 3px 0px #999999;}
    .CrudDialogueWrapper .ui-dialog-buttonpane {background:#eeeeee; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
        .CrudDialogueWrapper .ui-dialog-buttonpane .ui-button {text-align:center; padding:6px 12px; width:auto; color:#333; font:700 12px/12px "Arial", Helvetica, sans-serif; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:rgb(255,255,255); /* Old browsers */ background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background:linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:1px 1px 1px 0px #ccc; -moz-box-shadow:1px 1px 1px 0px #ccc; box-shadow:1px 1px 1px 0px #ccc;}
         .CrudDialogueWrapper .ui-dialog-buttonpane .ui-button:hover {background:none; background-color:#222222;color:white; filter:none;}
.CrudDialogueWrapper .ui-dialog-buttonpane .ui-button.selected { cursor:pointer; background:#222222; color:white; border-color:#222222; text-decoration:none; filter:none; }
/*---------------------------
16.	Details 
-----------------------------*/
.details {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;} 
.details div {display:block;clear:both; width:100%;}
.details label {font-weight:bold; color:#222; float:left; width:40%;}
    .details .radio label {width:auto;}

/*---------------------------
17.	Filter
-----------------------------*/	
.sortfilter {padding:10px 15px; font-size:11px; width:920px; float:left; clear:both; color:#999; background:#e8e8e8;}   
	.sortfilter p {background:#e8e8e8; padding:7px 5px; margin:0; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}	
	.sortfilter a, .path span {padding:0 5px; margin:0 5px;} 
	.sortfilter a.home { text-indent:-9999px; background:url(./images/layout/home.png) center center no-repeat; float:left; width:19px; height:18px;}
	.sortfilter input.date {width:200px;}
	.sortfiler .path-filter {float:left; clear:both;}
	
/*----------------------------
18. Messaging
------------------------------*/
.inboxFilterItem { float:left; margin-right:10px; padding-bottom:0px; font-size:9pt; width:250px; }
.inboxFilterItem input, .inboxFilterItem select { margin-bottom:0px;}
.inboxFilterItem:first-child { padding-top:25px; width:50px; }
.nameblock { float:left; padding:3px; margin:3px; border:1px #cacaca solid; background-color:#e3e3e3; color:#b5b5b5; }
    .nameblock a { color:#9a9a9a; }




	
</pre></body></html>