.g5-new {
  font-family: Calibri,Helvetica, sans-serif;
  font-size: 11pt;
  margin: 0;
}

.g5-new h1, .g5-new h2, .g5-new h3, .g5-new h4, .g5-new h5, .g5-new h6, .g5-new p, .g5-new label, .g5-new div, .g5-new input, .g5-new select, .g5-new textarea, .g5-new button,
.g5-new fieldset, .g5-new legend, .g5-new table, .g5-new tr, .g5-new td, .g5-new th, .g5-new caption,.g5-new form,
.g5-new ul, .g5-new li, .g5-new span {
  margin:0;
  padding: 0;
  font-size: 10pt;
  font-weight: normal;
  color: black;
  font-style: normal;
  font-family: Arial,Verdana,Corbel, Helvetica, sans-serif;
}

.g5-new .claro .dijitTextBox {
	background-color: white;
	vertical-align: top;
}

.g5-new .claro .dijitTextBox .dijitInputField {
	padding-top: 0px;
	padding-bottom: 0px;
}
.g5-new .claro .dijitTextBox .dijitInputInner {
	padding-top: 0px;
	padding-bottom: 0px;
}

.g5-new .claro .dijitTextBoxFocused, .g5-new .claro .dijitTextBoxFocused .dijitButtonNode {
	border-color: #A1B7C4;
}

.g5-new .required-indicator {
  color: red;
}

.g5-new .message-container {
  margin-left: 0px; 
  margin-right: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.g5-new .message-container  span {
  font-weight: bold;
  display: block;
}
.g5-new .message-container > div {
  font-weight: bold;
}
.g5-new .message-container .linked {
  cursor: pointer;
}

.g5-new .message-container .linked:hover,
.g5-new .message-container .linked:focus {
  text-decoration:underline;
}

.g5-new .message-container a {
  text-decoration:underline;
}

.g5-new .success-message {
  margin: 0;
  padding: 3px 25px;
  color: #135510;
  background-color: #d5efd3;
  background-image: url("../images/silk/accept.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  border: 1px solid #7ccf76;
  margin-bottom: 2px;
  list-style: none;
}

.g5-new .info-message {
  margin: 0;
  padding: 3px 25px;
  color: #135510;
  background-color: #d5efd3;
  background-image: url("../images/silk/accept.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  border: 1px solid #7ccf76;
  margin-bottom: 2px;
  list-style: none;
}

.g5-new .warning-message {
  margin: 0;
  padding: 3px 25px;
  color: #322;
  background-color: #ffffdd; 
  background-image: url("../images/silk/error.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  border: 1px solid #f6cd00;
  margin-bottom: 2px;
  list-style: none;
}

.g5-new .error-message {
  margin: 0;
  padding: 3px 25px;
  color: #7F0F0F;
  background-color: #FFDFDF; 
  background-image: url("../images/silk/cancel.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  border: 1px solid #f5aeae;
  margin-bottom: 2px;
  list-style: none;
}

.g5-new a {
  color: blue;
  text-decoration: none;
  background-color: transparent;
}

.g5-new a > span{
  color: blue;
}

.g5-new a > img {
  border: none;
}

.g5-new a:hover {
  text-decoration: underline;
  background-color: transparent;
}

.g5-new table {
  border-collapse: collapse;
}
.g5-new .mainTable > tbody > tr > td {
  border: 1px dotted black;
  table-layout: fixed;
}
.g5-new .footer-container {
  border: 1px solid #9BB2BF;
  border-top: 0;
}

.g5-new .layoutcell {
  background-color:white;
}

.g5-new .layoutcellbody {
  background-color: white;
  width:960px;
}

.g5-new .header-container {
  height: 960px;
}
.g5-new .header-container > img{
  width:100%; 
  margin: 0; 
  padding: 0;
}

.g5-new .footer-container > img{
  width: 100%;
}
.g5-new .portlet-container,
.g5-new .breadcrumb-container {
  margin: 0px 0px 0px 0px;
}

.g5-new .portlet-container {
}

.g5-new .breadcrumbs {
  margin-bottom: 13px;
}

.g5-new .portlet-title {
  padding: 6px 10px;
  color: #1D3C4F;
  background-color: #1D3C4F;
  color: white;
  font-size: 17pt;
  font-weight: bold;
  text-align: center;
  font-family: Book Antiqua;
}

.g5-new .breadcrumb-container {
  padding: 6px 10px;
  font-weight: bold;
}

.g5-new .breadcrumb-container strong {
  color: #1F4D7F;
}

.g5-new .breadcrumb-container strong a {
  color: #1F4D7F;
}

.g5-new .portlet-name {
  font-size: 12pt;
  font-weight: bold;
  color: #1D3C4F; 
  padding-left: 15px;
  background: url(../images/sq.gif) no-repeat 2px 1px;
}

.g5-new .portlet-body {
}
.g5-new .portlet-body form {
  margin: 0;
}

.g5-new .section {
  margin-bottom: 10px;
  margin-top: 10px;
}

.g5-new .section-title {
  font-size: 11pt;
  font-weight: bold;
  color: #1D3C4F;
}

.g5-new .sub-section-title {
  font-size: 10pt;
  font-weight: bold;
  color: #1D3C4F;
}

.g5-new .instructions {
  margin: 4px 0px 8px 0px;
}

.g5-new .section-separator {
  margin: 0px 0px;
}

.g5-new .form {
}

.g5-new .form .layout .form-field {
  padding-right: 25px;
}

.g5-new .form  .form-label {
  margin-right: 10px;
  font-weight: bold;
}

.g5-new .layout > tbody > tr > td {
  padding: 7px 0px;
  
}

.g5-new .layout-vertical > tbody > tr > td {
  vertical-align: top;
}

.g5-new .layout-vertical > tbody > tr > td {
  padding: 4px 0px;
}

.g5-new .form .layout-vertical .form-field {
  padding-right: 5px;
}

.g5-new .form .layout-vertical .form-label {
  margin-right: 10px;
  font-weight: bold;
}


.g5-new .form .form-label .vertical {
  vertical-align: top;
}

.g5-new .form  .fill-available {
  width: 100%;
}
.g5-new .form  .extra-large {
  width: 200px;
}

.g5-new .form  .large {
  width: 150px;
}

.g5-new .form  .medium{
  width: 100px;
}

.g5-new .form  .small{
  width: 50px;
}

.g5-new .form  .extra-small{
  width: 25px;
}

.g5-new .form .text-input,
.g5-new .form .dropdown-input {
}

.g5-new .form .checkbox-input,
.g5-new .form .radio-input {
}

.g5-new .form .text-input:focus,
.g5-new .form .dropdown-input:focus {
  border-color: #769DC0;
}
.g5-new .form .text-input:hover,
.g5-new .form .dropdown-input:hover {
  border-color: #769DC0;
  background-color:#E9F4FE;
}
.g5-new .form .focused {
  border-color: #769DC0;
}

.g5-new .form-actions {
  margin: 10px 0px 0px 0px;
}

.g5-new .datatable {
  border-collapse: collapse;
}

.g5-new .datatable > thead > tr.last-row > th {
  padding: 5px 8px;
  text-align: left;
  background:url(../images/overlayMenu.png) repeat-x center #98a4ab;  
  background-color: #98a4ab;
  font-weight: bold;
  color: #000;
  border: 1px solid #aaa;  
}

.g5-new .datatable > thead > tr:last-child > th {
  padding: 5px 8px;
  text-align: left;
  background:url(../images/overlayMenu.png) repeat-x center #98a4ab;  
  background-color: #98a4ab;
  font-weight: bold;
  color: #000;
  border: 1px solid #aaa;  
}

.g5-new .datatable > thead > tr.last-row > th a, 
.g5-new .datatable > thead > tr.last-row > th a > span{
  font-weight: bold;
  color: #000;
}

.g5-new .datatable > thead > tr:last-child > th a,
.g5-new .datatable > thead > tr:last-child > th a > span {
  font-weight: bold;
  color: #000;
}

.g5-new .datatable .pager {
  text-align: right;
}

.g5-new .datatable > thead .pager {
  padding-bottom: 5px;
}

.g5-new .datatable > tfoot .pager {
  padding-top: 5px;
}

.g5-new .datatable .pager > table {
  display: inline;
  vertical-align:bottom;
}

.g5-new .datatable .pager > table > tbody > tr > td {
  padding: 2px 3px;
}

.g5-new .datatable .pager > table > tbody > tr > td img {
  padding: 1px;
  border: 1px solid #fff;
  vertical-align: middle;
  cursor: pointer;
}
.g5-new .datatable .pager > table > tbody > tr > td img:hover {
  border: 1px solid #aaa;
  background-color: #eee;
}
.g5-new .datatable > tbody > tr > td {
  border: 1px solid transparent;
  border-bottom: 1px dotted #44a;
  padding: 3px 8px;
}

.g5-new .datatable > thead > tr.last-row > th {
  border-top: 1px solid #888;
}

.g5-new .datatable > thead > tr:last-child > th {
  border-top: 1px solid #888;
}

.g5-new .datatable > tbody > tr > td.first-cell,
.g5-new .datatable > thead > tr > th.first-cell {
  border-left: 1px solid #888;
}

.g5-new .datatable > tbody > tr > td:first-child,
.g5-new .datatable > thead > tr:last-child > th:first-child {
  border-left: 1px solid #888;
}

.g5-new .datatable > tbody > tr > td.last-cell,
.g5-new .datatable > thead > tr > th.last-cell {
  border-right: 1px solid #bbb;
}

.g5-new .datatable > tbody > tr > td:last-child,
.g5-new .datatable > thead > tr:last-child > th:last-child {
  border-right: 1px solid #bbb;
}

.g5-new .datatable > tbody > tr.last-row > td {
  border-bottom: 1px solid #bbb;
}

.g5-new .datatable > tbody > tr:last-child > td {
  border-bottom: 1px solid #bbb;
}

.g5-new .alternate > tbody > tr:nth-child(even) > td {
  background-color:#eee;
}

.g5-new .alternate > tbody > tr.odd > td{
  background-color: white;
}
.g5-new .alternate > tbody > tr.even > td {
  background-color:#eee;
}

.g5-new .hoverrow > tbody > tr:hover > td,
.g5-new .hoverrow > tbody > tr.hover > td {
  background-color: #D2E4EF;
}

.g5-new .hovercell > tbody > tr > td:hover {
  background-color: #FFA;
}

.g5-new .datatable .sort {
  vertical-align: bottom;
  width: 13px;
  height: 13px;
}

.g5-new .datatable > caption {
  font-size: 11pt;
  padding-bottom: 10px;
  text-align: left;
  color: #1D3C4F;
  font-weight: bold;
}

.g5-new .datatable .sortable {
  cursor: pointer;
}

.g5-new .center {
  text-align: center;
}

.g5-new .datatable > thead > tr.last-row .sortable:hover,
.g5-new .datatable > thead > tr.last-row .sorted,
.g5-new .datatable > thead > tr:last-child .sortable:hover,
.g5-new .datatable > thead > tr:last-child .sorted {
  background-color: #D1E2EF;
}

.g5-new .datatable > tbody > tr > td.sorted {
  background-color: #efefff !important;
  border-left: 1px solid #888;
  border-right: 1px solid #888;  

}

.g5-new .datatable > tbody > tr > td.action-row {
  background-color: #DFDFDF;
  border-top:1px solid #555;
}

.g5-new .datatable > tbody > tr > td.empty-table {
  text-align: center;
  font-style: italic;
  padding: 10px 15px;
}

.g5-new .shiny {
  padding: 2px 9px;
  margin: 0;
  margin-right: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background:url(../images/overlay.png) repeat-x center #ddd; 
  border: 1px solid #ddd;
  border-bottom:1px solid #9f9f9f;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.g5-new .shiny.small {
  padding: 1px;
}

.g5-new .action {
  background-color:#FFBD5F;
  border-color: #ffcc00;
  border-bottom-color: #9f9f9f;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.g5-new .shiny.image {
  padding: 1px;
}

.g5-new .shiny.image img {
  padding: 0;
  margin: 0;
  position: relative;
  top: 2px;
}

.g5-new .shiny:hover,
.g5-new .shiny:focus {
  background-color:#eee;
}

.g5-new .shiny.action:hover,
.g5-new .shiny.action:focus {
  background-color:#FFdd5F;
}

.g5-new .shiny:active {
  position:relative;
  top:1px;
  left: 1px;
}
.g5-new input[type="text"],.g5-new select,.g5-new textarea {
  border:1px solid #A1B7C4;
}

.g5-new .tab-container .tabs  {
  margin: 2px 0 0px 0; 
  padding: 0;
}

.g5-new .tab-container .tabs .tab{
  display: inline;
  margin: 0;
  margin-left: 7px;
  padding: 3px 10px 2px 10px;
  border: 1px solid #9BB2BF;
  background:url(../images/overlayMenu.png) repeat-x center #9BB2BF; 
}

.g5-new .tab-container .tabs .tab > a {
	color: black;
}
.g5-new .tab-container .tabs .tab:hover {
  cursor: pointer;
}

.g5-new .tab-container .tabs .tab.active {
  cursor: default;
}

.g5-new .tab-container .tabs .tab.disabled {
  color: #777;
}


.g5-new .tab-container .tabs .tab.active {
  border-bottom: 2px solid #f6f9fa;  
}

.g5-new .tab-container .tabs .tab.active,
.g5-new .tab-container .tabs .tab:hover {
  background:url(../images/overlayMenu.png) repeat-x 30px 0px #E0EAEF; 
}

.g5-new .tab-container .tabs .tab.disabled:hover {
  cursor: default;
  background:url(../images/overlayMenu.png) repeat-x center #9BB2BF; 
}

.g5-new .menu-container {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #4189d1;
  background-position: 0% 50%;
  color: white;
}

.g5-new .menu {
  margin: 0;
  padding: 0;
  padding: 6px 0px;
}

.g5-new .menu .menu-item {
  display: inline;
  margin: 0;
  padding: 6px 10px;
  font-size: 11pt;
  font-family: Arial;
  font-weight: bold;
  text-shadow: 1px 1px 1px #333;
}

.g5-new .menu .menu-item:hover {
  background-color: #183d62;
  cursor: pointer;
}


.g5-new .indent {
  margin-right: 25px;
}

.g5-new .right-indent {
  margin-right: 15px;
}

.g5-new .top {
  vertical-align: top;
}

.g5-new .bottom {
  vertical-align: bottom;
}

.g5-new img.small-img {
  width: 13px;
  height: 13px;
}

.g5-new table.presentation {
}

.g5-new table.presentation .all-b {
  border: 1px solid #9BB2BF;
}

.g5-new table.presentation .left-b {
  border-left: 1px solid #9BB2BF;
}

.g5-new table.presentation .right-b {
  border-right: 1px solid #9BB2BF;
}

.g5-new table.presentation .top-b {
  border-top: 1px solid #9BB2BF;
}

.g5-new table.presentation .bottom-b {
  border-bottom: 2px solid #9BB2BF;
}

.g5-new table.presentation .pad-all {
  padding: 5px;
}

.g5-new .g5-multiselect-container {
  vertical-align: top;
  border: 1px solid #9BB2BF;
}

.g5-new .g5-multiselect {
  width: 100%;
}

.g5-new .g5-multiselect th {
  padding: 5px 8px;
  text-align: left;
  background:url(../images/overlayMenu.png) repeat-x center #98a4ab;  
  background-color: #98a4ab;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #aaa;  
}

.g5-new .g5-multiselect .select-item {
  display: block;
  cursor: default;
  padding: 2px 5px;
}

.g5-new .g5-multiselect .disabled {
  color: #aaa;
}

.g5-new .g5-multiselect .selected {
  background-color: #A4CAEF;
  font-weight: bold;
}

.g5-new .no-padding-content .dijitContentPane {
  padding: 0;
}

.g5-new .message-box {
  border: 1px solid #9BB2BF;
  padding: 10px;
  background-color: #F7FBFF;
  border-right-width: 2px;
  border-right-color: #63869b;
  border-bottom-width: 2px;
  border-bottom-color: #63869b;
  margin-bottom: 5px;
}

.g5-new .message-box .message {
  font-size: 10pt;
  font-weight: bold;
}

.g5-new img[src="../images/silk/user_orange.png"] {
  opacity: 0.7;
}

/* Fix G5 tabs :) */
.g5-new #tabMenu {
    padding: 0px 10px 22px 10px;
    margin: 0px -13px 10px -13px;
    border-bottom:2px solid #9BB2BF;
}
.g5-new #tabMenu a {
    font-family: Arial;
}
.g5-new #tabMenu a span {
  font-family: Arial;
  font-size: 10pt;
  color: #000;
  padding: 4px 10px 4px 10px;
  margin: 0;
  margin-left: 7px;
  border: 1px solid #9BB2BF;
  background: url(../images/overlayMenu.png) repeat-x center #9BB2BF; 
}

.g5-new #tabMenu a span.ontab {
  font-weight:normal;
  background:url(../images/overlayMenu.png) repeat-x 30px 0px #E0EAEF; 
  border-bottom: 2px solid #f6f9fa;  
}

.g5-new #tabMenu a span:hover {
  cursor: pointer;
  background:url(../images/overlayMenu.png) repeat-x 30px 0px #E0EAEF; 
}

.g5-new #tabMenu a.active span:hover {
  cursor: default;
  text-decoration: none;
  background:url(../images/overlayMenu.png) repeat-x 30px 0px #E0EAEF; 
}
.g5-new #tabMenu a.disabled span:hover {
  cursor: default;
  text-decoration:none;
  background:url(../images/overlayMenu.png) repeat-x center #9BB2BF; 
}


.vertical-tabs {
	margin: 0px -10px 0px -10px;
	overflow:visible;
	
}

.vertical-tabs .vertical-tab-container {
	float: left;
	margin: 0px;
	width: 105px;
	border-top: 1px solid #729fcf;
}

.vertical-tabs .tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.vertical-tabs .tabs .tab {
  margin-bottom: 5px;
  margin-top: -1px;
  padding: 10px 0px 10px 22px;
  border-top: 1px solid #729fcf;
  border-bottom: 1px solid #729fcf;
  border-left: 1px solid #729fcf;
  background:url(../images/overlayMenu.png) repeat-x 0px 0px #E0EAEF;
}

.vertical-tabs .tabs .tab:hover {
	background-color: white;
	
}

.vertical-tabs .tabs .tab.active{
  border-right: 4px solid white;
  /* width of the vertical-tab-container - padding-left - border-right-width - border-left-width */
  width: 78px;
  border-top: 2px solid #2A6897;
  border-bottom: 2px solid #2A6897;
  border-left: 3px solid #2A6897;
  background:white;

}

.vertical-tabs .tabs .tab .tab-icon-label {
	text-decoration: none;
	color: #24577e;
	position: relative;
	padding-left: 20px;
	left: -20px;
	display: block;
	min-height: 18px;
}

.tabs .tab.active .tab-icon-label,
.tabs .tab.active:hover .tab-icon-label{
	text-decoration: none;
	color: #1D3C4F;
}

.vertical-tabs  .tab-content {
	margin: 0 0 0 105px;
	border: 1px solid #2A6897;
	min-height: 450px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 5px;
}

.vertical-tabs .tab-icon-label.check-icon{
	background: url(../images/silk/accept.png) no-repeat 0px 50%;
}


.vertical-tabs .tab-icon-label.page-white-icon {
	background: url(../images/silk/page_white.png) no-repeat 0px 50%;
}

.vertical-tabs .tab-icon-label.calendar-icon {
	background: url(../images/silk/calendar.png) no-repeat 1px 50%;
}