body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt calibri,Helvetica,sans-serif !Important;
	background: #EFEFEF;
        overflow-y:scroll;
}
#page { padding-top: 149px;}
#page .w-border
{
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}
#page .top-fixed { position: fixed; width: 100%; top:0; background-color: #EFEFEF; padding-top: 5px; z-index:1000;}
#page .top-fixed .container {
	border: 1px solid #C9E0ED;
	margin-top: 5px;
	margin-bottom:0;
	border-bottom: none;
}


#content
{
    padding: 12px;
}

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

#logo
{
	padding: 5px 20px;
	font-size: 170%;
	clear: both;
}

#logout
{
	padding: 5px 20px;
    float: right;
    font-size: 0.9em;
}
#logout a { display: inline-block; line-height: 22px;}

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

#app-menu
{
	background: #BDD2FF;
	width: 100%;
	height: 34px;
}

#app-menu ul {
    height: 21px;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#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;
}

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

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

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

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

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

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

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

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

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

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
	float: left;
	line-height: 22px;
}

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

div.search-form
{
	padding: 10px;
	margin: 5px 0;
	background: #eee;
    border: 1px dotted #999999;
}

.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;
}

input, select{
    font-family: Calibri, Verdana, Tahoma !Important;
    font-size: small !Important;
}

.form-col-1 {
    float:left;
    width:400px;
    margin-right:50px;
}

.form-col-2 {
    float:left;
    width:450px;
}

.alert-message
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.6em;
    width: 94%;
}

.alert-message p
{
	margin: 0;
	padding: 5px;
    color: red;
}

.alert-message a
{
    color: blue;
}

.alert-message ul
{
	margin: 0;
	padding: 0 0 0 20px;
    color: black;
}

.form-section-title
{
	border: 1px dotted #555;
	padding: 1px 1px 1px 1px;
	margin: 0 0 20px 0;
	/* background: white url(bg.gif) repeat-x left top; */
    background: #999;
	font-size: 0.8em;
    width: 100%;
}

.form-section-title p
{
	margin: 0;
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

div.div-panel
{
	padding: 10px;
	margin: 5px 0;
	background: #efe;
    border: 1px dotted #999999;
}

div.form infoMessage {
    color: blue;
    font-size: 0.9em;
}

.list-doc-item {
    color: blue;
}

.list-doc-item td {
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
}

.button {
    cursor: pointer;
}

.mark {
    color: blue;
    font-size: 0.9em;
    font-weight: bold;
}

.ui-widget-content {
  border: 1px solid #aaa !Important;
  background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x !Important;
  color: #222 !Important;
}
.ui-widget {
  font-family: calibri,Helvetica,sans-serif !Important;
  font-size: 10pt !Important;
}

.download-bag {
	margin-bottom: -5px;
    position: relative;
    left: -4px;
}

.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline;
    width: 380px;
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999;
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0;
	position: relative;
	display: block;
	padding-left: 0;
	list-style: none;
}

.asmListItem {
	/* li item from the html list above */
	position: relative;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #fff;
	border: 1px solid silver;
	width: 100%;
	margin: 0 0 -1px 0;
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #DFE8F2;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px;
	display: block;
    width: 380px;
}

.asmListSortable .asmListItemLabel {
	cursor: move;
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
}

label {
	display: block;
}

.asmHighlight {
	color: #000;
}

.asmSelect {
	margin: 1em 0 0.25em 0;
}

.jacaranda-picture {
	border-radius: 10px;
	width: 40%;
}

.jacaranda-title {
    border: 1px;
    border-style: dashed;
    padding: 10px;
    border-radius: 5px;
	border-color: #CCC;
}