body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

p
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	margin-bottom:1em;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
	width:1100px;
}

#header
{
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}

#content
{
    padding: 20px;
}

.ui-widget
{
	font-family: Arial,Helvetica,sans-serif;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	vertical-align:middle;
	padding: 10px 20px;
	font-size: 2.5em;
}
#logo #logoLink
{
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	color: #555;
	margin: 0;
	padding: 0;
}
#logo .logo-text
{
	vertical-align:middle;
}
#logo img
{
	vertical-align:middle;
}

#mainmenu
{
	background:#4C99C5 url(bg.gif) repeat-x left top;
}

#mainmenu .pull-right
{
	float:right;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
	z-index: 1;
}

#mainmenu ul li
{
	display: inline;
	position:relative;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active>a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

#mainmenu ul ul
{
	display:none;
}

#mainmenu ul li:hover ul
{
	display:block;
	position:absolute;
	width:10em;
	margin:0;
	padding:3px 0 0 0;
	left:0;
	top:20px;
}

#mainmenu ul ul li
{
	display:block;
	padding-left:1px;
	background-color:#4C99C5;
	width:12em;
	margin:0;
}

#mainmenu ul ul li a
{
	display:block;
	padding:3px 8px;
}

div.file-view
{
	border:2px inset #BBB;
	background-color:#FAFAFA;
}

div.file-browser
{
	position:relative;
	border:2px inset #BBB;
	background-color:#FAFAFA;
}

div.file-browser .file-browser-content
{
	min-height:250px;
	max-height:250px;
	height:250px;
	overflow-y:auto;
	padding:10px;
}

div.file-browser .loading-bar
{
	position:absolute;
	padding-top:120px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#EEE;
}

div.file-browser .folder
{
	font-weight:bold;
}

div.file-browser .folder a
{
	color: #255083;
}
div.file-browser .folder a:hover
{
	color: #0D325F;
}

div.file-browser .folder.parent a
{
	color: #28615A;
}
div.file-browser .folder.parent a:hover
{
	color: #08413eA;
}

div.file-browser .folder,
div.file-browser .file
{
	margin-bottom:4px;
}

div.file-browser a
{
	height:16px;
	line-height:16px;
	vertical-align:top;
	text-decoration:none;
}

div.file-browser a img
{
	vertical-align:top;
}

div.flash-message
{
	position:relative;
}

div.flash-message .close-button
{
	padding:4px;
	position:absolute;
	top:8px;
	right:8px;
}

div.flash-message .icon-container
{
	font-size:5em;
	opacity:0.6;
	filter:alpha(opacity=60); /* IE8 and earlier */
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}

div.flash-message .message-container
{
	display:inline-block;
	vertical-align:middle;
	width:800px;
}

div.flash-error, div.flash-notice, div.flash-success, div.flash-warning
{
	padding:10px;
	margin-bottom:1em;
	border:2px solid #ddd;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-error h3
{
	color:#8a1f11;
}

div.flash-notice
{
	background:#DDDDFF;
	color:#222255;
	border-color:#BBBBEE;
}

div.flash-notice h3
{
	color:#222255;
}

div.flash-warning
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-warning h3
{
	color:#514721;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-success h3
{
	color:#264409;
}

div.flash-success .overflow-container
{
	max-height:10em;
	overflow:auto;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

table.styled
{
	background: white;
	border-collapse: collapse;
	width: 100%;
	border: 1px #D0E3EF solid;
}

table.styled th, table.styled td
{
	font-size: 0.9em;
	border: 1px white solid;
	padding: 0.3em;
}

table.styled th
{
	color: white;
	background: url("bg.gif") repeat-x scroll left top white;
	text-align: center;
}

table.styled th a
{
	color: #EEE;
	font-weight: bold;
	text-decoration: none;
}

table.styled tr
{
	background: #E5F1F4;
}

table.styled tr.even
{
	background: #F8F8F8;
}

table.extra-padding th, table.extra-padding td
{
	padding: 0.3em 2em;
}

div.form .rememberMe label
{
	display: inline;
}

div.form label.checkbox
{
	display: inline;
	position: relative;
	top: -2px;
}

div.form .inline-container
{
	vertical-align: middle;
	padding: 3px 0;
}

div.form .inline-container > *
{
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
}

.monospace,
#content pre
{
	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace !important;
}

#content pre
{
	margin: 0;
}

pre.bg
{
	background-color: #DDD;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	float: right;
	margin: 0 20px;
	padding: 2px 0 0 0;
}

div.search-form .search-text
{
	height: 16px;
	width: 280px;
	padding: 2px 8px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	border-width: 1px;
	border-color:#EEE;
	background-color:#FBFBFB;
}

.ui-autocomplete
{
	font-size: 0.9em;
	width: 280px;
	max-height: 200px;
	overflow-y: auto;
}

.ui-autocomplete li a
{
	display: block;
}

.ui-autocomplete li a h2
{
	color: #333;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 1px 0 0 0;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-autocomplete li a div
{
	color: #333;
	padding-bottom: 1px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-autocomplete li.report i
{
	color: darkgreen;
}

.ui-autocomplete li.document i
{
	color: darkblue;
}

.ui-autocomplete li.news i
{
	color: darkred;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

#role-management #accessAllCompanies
{
	background-color:#AACCAA;
	border:1px solid #668866;
}

#role-management #userManager,
#role-management #roleManager
{
	background-color:#AAAACC;
	border:1px solid #666688;
}

#role-management #advancedAdministration
{
	background-color:#CCAAAA;
	border:1px solid #886666;
}

#role-management #advancedAdministration label.operation
{
	color:black;
}

.full-width
{
	display:block;
}

.auto-width
{
	width:auto !important;
}

input.btn.full-width
{
	display:inline-block;
	width:100%;
}

table.full-width
{
	display:table;
	width:100% !important;
}

.btn.red-text
{
	color:red !important;
}

.btn.blue-text
{
	color:blue !important;
}

.ajax-submit-in-progress
{
	background-image:url('../images/ajax-button-background.png') !important;
}

.ajax-submit-in-progress.btn:hover
{
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: all 0 none;
	        transition: none;
}

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

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

#content .ui-widget-content div
{
	font-size:13px;
}

#content .ui-tabs .ui-tabs-panel
{
	xfont-size:13px;
	padding:1em;
}

#overlay
{
	position:fixed;
	width:930px;
	left:50%;
	top:0;
	margin-left:-465px;
	padding:0;
	z-index:2;
	display:none;
}

#overlay .flash-message
{
	margin-top:1em;
	text-align:left;
}

hr
{
	margin:0.5em 0;
}

table thead th /* Override screen.css */
{
	background-color:transparent;
}

table tr.totals *,
table tr.subtotals *
{
	font-weight:bold !important;
}

table tr.totals td
{
	background-color:#DDD !important;
}

table tr.subtotals td
{
	background-color:#EEE !important;
}

div.headtable
{
	margin-right:25px !important; /* Table header fix */
}

#loading
{
	padding:20px;
	text-align:center;
}

.info-content
{
	display: none;
	padding-top: 1em;
	color: #555;
}

.loading-bar
{
	text-align:center;
}

.tab-loading
{
	color:#AAA;
}

a.section-button
{
	position:relative;
	display:inline-block;
	text-align:left;
	width:29%;
	height:5em;
	margin-right:1.5em;
	margin-bottom:1.5em !important;
	padding:0.8em;
	overflow:hidden;
}

a.section-button h2
{
	color:inherit;
	font-size:1.4em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	height:1.1em;
	overflow:hidden;
}

a.section-button p
{
	height:3em;
	overflow:hidden;
}

a.section-button i
{
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	top:-0.2em;
	font-size:25em;
	opacity:0.05;
	filter:alpha(opacity=5);
}

.align-left
{
	text-align:left !important;
}
.align-center
{
	text-align:center !important;
}
.align-right
{
	text-align:right !important;
}

.font-bold
{
	font-weight:bold !important;
}
.font-italic
{
	font-style:italic !important;
}

.template-select
{
	padding-top: 0.3em;
}

.template-select .template-option
{
	display: inline-block;
	margin:0 1em 0.5em 0;
}

.template-select .template-option .template-option-input
{
	text-align: center;
}

div.form .template-select label
{
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.template-thumb
{
	display: inline-block;
	height: 80px;
	width: 80px;
	border: 1px solid #666;
	font-size: 7pt;
	background-color: white;
}

.template-thumb.selected
{
	border-color: #149bdf;
	box-shadow: 0 0 5px #149bdf;
}

.template-thumb .layout-block
{
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.template-thumb .pad-all
{
	border: 3px solid white;
}

.template-thumb .pad-top
{
	border-top: 3px solid white;
}

.template-thumb .pad-right
{
	border-right: 3px solid white;
}

.template-thumb .pad-bottom
{
	border-bottom: 3px solid white;
}

.template-thumb .pad-left
{
	border-left: 3px solid white;
}

.template-thumb .header-block
{
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #444;
	color: white;
	font-weight: bold;
	overflow: hidden;
}

.template-thumb .header-text
{
	padding: 1px 0 0 3px;
	overflow: hidden;
}

.template-thumb .content-block
{
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url('../images/template/thumbs/content-block.png');
	background-repeat: repeat;
	overflow: hidden;
}

.template-thumb .float-left
{
	float: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
}

.template-thumb .float-right
{
	float: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
}

.template-thumb .image-block
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #999;
	overflow: hidden;
}

.news-article .news-article-content
{
	min-height: 30em;
	text-align: justify;
}

.news-article .float-left
{
	float: left;
	margin: 0 20px 20px 0;
}

.news-article .float-right
{
	float: right;
	margin: 0 0 20px 20px;
}

.news-article .clear-left
{
	clear: left;
}

.news-article .clear-right
{
	clear: right;
}

.news-article .clear-both
{
	clear: both;
}

.news-article .news-image
{
	padding: 2px;
	font-size: 0.9em;
	text-align: center;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.news-article .news-image img
{
	background-color: white;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	border: 2px solid white;
}

.news-article .news-nav
{
	padding: 5px 20px;
	font-size: 0.9em;
	text-align: center;
}

.news-article .news-nav-top
{
	margin: -20px -20px 0 -20px;
}

.news-article .news-nav-bottom
{
	margin: 0 -20px -20px -20px;
}

.news-article .news-nav .news-nav-next-article
{
	float: left;
}

.news-article .news-nav .news-nav-previous-article
{
	float: right;
}

.news-article .news-article-publish-info
{
	margin: 0 -20px 0 -20px;
	padding: 5px 20px;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
}

.news-article .news-header
{
	margin: 0 -20px 20px -20px;
	padding: 20px;
	text-align: center;
}

.news-article h1
{
	margin: 0;
}

.news-article table
{
	width: auto;
}

.news-article h2
{
	margin-bottom: 10px;
}

.news-article hr
{
	margin: 20px 0;
	border-style: none;
	height: 2px;
}

.news-article-list
{
	background-color: #6399CD;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	padding: 12px;
}

.news-article-list-header
{
	color: white;
	margin: 0;
}

.news-article-list-footer
{
	text-align: right;
}

.news-article-list-footer a
{
	color: white;
}

.news-article-list-item
{
	display: block;
	text-decoration: none;
	padding: 0;
	position: relative;
	margin: 0 0 10px 0;
	background-color: white;
	color: #333;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.news-article-list-item:hover,
.news-article-list-item:active
{
	text-decoration: none;
	color: #333;
}

.news-article-list-item-icon
{
	position: absolute;
	top: 3px;
	right: 3px;
	height: 24px;
	width: 24px;
	text-align: center;
	background-color: white;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.news-article-list-item-icon img
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.news-article-list-item-pin
{
	position: absolute;
	top: 6px;
	right: 34px;
	font-size: 1.5em;
	color: #333;
}

.news-article-list-item-new
{
	position: absolute;
	top: 10px;
	right: 33px;
	font-size: 0.7em;
	font-weight: bold;
	color: darkgreen;
}

.news-article-list-item-header
{
	height: 18px;
	font-size: 1.1em;
	margin: 0;
	padding: 8px 8px 5px 8px;
	background-color: #CBDFF3;
	color: black;
	-webkit-border-top-left-radius: 4px;
	   -moz-border-top-left-radius: 4px;
	        border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	   -moz-border-top-right-radius: 4px;
	        border-top-right-radius: 4px;
}

.news-article-list-item.pinned .news-article-list-item-header
{
	background-color: #F6D6B3;
}

.news-article-list-item-summary
{
	padding: 6px 8px 4px 8px;
}

.news-article-list-item-publish-info
{
	float: right;
	padding-right:8px;
	padding-top: 1px;
	font-size: 0.9em;
	font-style: italic;
}

.news-article-list-item-link
{
	padding: 0 0 5px 8px;
}

.news-article-index-item
{
	min-height: 50px;
	position: relative;
	display: block;
	margin: 0 0 12px 0;
	padding: 8px;
	color: #333;
	background-color: #CBDFF3;
	text-decoration: none;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.news-article-index-item.pinned
{
	background-color: #F6D6B3;
	color: black;
}

.news-article-index-item:hover,
.news-article-index-item:active
{
	text-decoration: none;
	color: #333;
}

.news-article-index-item-icon
{
	float: left;
	padding: 8px;
	width: 60px;
	background-color: white;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.news-article-index-item-content
{
	margin-left: 86px;
	width: 70%;
}

.news-article-index-item-header
{
	font-size: 1.2em;
	margin-bottom: 5px;
}

.news-article-index-item-pin
{
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 1.9em;
}

.news-article-index-item-new
{
	position: absolute;
	top: 6px;
	right: 8px;
	font-size: 0.8em;
	color: darkgreen;
	font-weight: bold;
}

.news-article-index-item-publish-info
{
	position: absolute;
	bottom: 8px;
	right: 8px;
	font-size: 0.9em;
	font-style: italic;
}