.desktop {
	background-color: #F0FFFF;
	font-size: 12px;
	/* 
	background-color: #AAC798;
	#F1F5FA
	light-green: #AAC798
	green      : #62A43A
	light-blue : #6498C7
	blue       : #014189
*/
}

.desktop .titleBar {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: White;
	background: #104E8B;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
}

.desktop .slogan {
	font-family: Arial;
	font-size: 18px;
	font-weight: 600;
	color: #014189;
}

.desktop .version {
	font-family: Tahoma;
	font-size: 10px;
	color: Navy;
	vertical-align: top;
}

.desktop .message {
	color: #FFFFFF;
	background-color: #114477;
	font-size: 12px;
	font-weight: 600;
	padding: 4px;
}

.desktop .warning {
	color: Red;
	background-color: White;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 6px 6px 4px;
}

.bg-white {
	background: #FFFFFF;
}

.pc-template-btn {
	display: block;
	font-size: 16px
}

#pc-template-img {
	margin-top: 20px;
}

.field-large {
	family: Arial;
	font-size: 150%;
	font-weight: bold;
}

.no-data-found-msg {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	color: Red;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.no-data-found-msg1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: 500;
	vertical-align: middle;
	text-align: center;
	color: #AA0000;
	padding: 4px;
}

.loading-data-msg {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	color: Navy;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

.no-sponsors {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Red;
}

.sponsors {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.sponsor .name {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.sponsor .body {
	font-family: Trebuchet MS;
	font-size: 14px;
	color: Navy;
}

.sponsor .website {
	cursor: hand;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	vertical-align: middle;
	font-size: 14px;
}


.sponsor .learn {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	vertical-align: middle;
	font-size: 12px;
	background-color: #F0FFFF;
}



.stack-caption1 {
	font-family: Arial;
	font-size: 14px;
	color: #000;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 4px;
	width: 100%;
}

.stack-caption2 {
	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	color: #000;
	bottom-border: 1px solid #000;
}

.stack-caption3 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	color: #FFF;
	background-color: #2B4F81;
	padding-left: 2px;
	vertical-align: middle;
}

.tree-level1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tree-level2 {
	font-family: Arial;
	font-size: 10px;
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
}

.details {
	font-family: Georgia;
	font-size: 12px;
	color: #0B79CA;
	background: #E8F2FE;
	padding: 4px 4px 4px 4px;
}

.detail-caption {
	font-family: Georgia;
	font-size: 12px;
	color: #000;
}

.transparent-heading1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.heading14A {
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 3px 3px 4px;
	color: Navy;
	background: #D8D8D8;
}

.panelMessage1 {
	font-family: Goergia;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	color: #E00000;
}

.panel-title1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 8px 4px 4px 8px;
	color: Navy;
	background: #D8D8D8;
}

.heading12B {
	font-family: Trebuchet MS;
	font-size: 12px;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #114477;
}

.selectbox8 {
	font-family: Trebuchet MS;
	font-size: 8px;
	padding: 1px 1px 1px 1px;
}

.selectbox10 {
	font-family: Trebuchet MS;
	font-size: 10px;
	padding: 1px 1px 1px 1px;
}

.selectbox11 {
	font-family: Trebuchet MS;
	font-size: 11px;
	font-height: 11px;
	color: #000;
}

.selectbox12 {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000;
}

.error {
	font-size: 12px;
	font-weight: bold;
	color: Red;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
}

.button-large {
	margin: 3px 1px;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	cursor: hand;
	padding: 0 10px;
	text-align: center;
}

.button1 {
	border: 1px solid #666;
	margin: 3px 1px;
	font-size: 90%;
	font-weight: bold;
	cursor: hand;
	background-color: #00688B;
	color: #ffffff;
	padding: 0 10px;
}

.button2 {
	border: 1px solid #666;
	margin: 3px 1px;
	font-size: 80%;
	cursor: hand;
	background-color: #585768;
	color: #ffffff;
	padding: 0 10px;
}

.button3 {
	border: 1px solid #666;
	margin: 1px 1px;
	font-size: 60%;
	font-weight: bold;
	cursor: hand;
	background-color: #585768;
	color: #ffffff;
	padding: 0 0px;
}

.button4 {
	font-size: 120%;
	cursor: hand;
	padding: 0 5px;
}

.pushButton {
	border: 1px solid #C0C0C0;
	margin: 3px 1px;
	font-size: 120%;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	background-color: #EDEDED;
	padding: 4px 4px 4px 4px;
}

.pushButton-down-hovering {
	background-color: #000;
	color: #FFF;
}

.pushButton-up-hovering {
	background-color: #000;
	color: #FFF;
}

.button-group {
	cursor: hand;
	padding: 2px 2px 2px 2px;
	height: : 30px;
}

.radio {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.textSmallRJ {
	font-family: Consolas;
	font-size: 12px;
	text-align: right;
}

.textSmallLJ {
	font-family: Consolas;
	font-size: 12px;
	text-align: left;
}

.ambit {
	font-family: Arial;
}

.ambit .data {
	color: Black;
	font-size: 12px;
}

.ambit .clickable {
	cursor: hand;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	vertical-align: middle;
	font-size: 12px;
}

.ambit .protected {
	color: Black;
	font-size: 12px;
}

.ambit .pending {
	color: Brown;
	font-size: 12px;
}

.ambit .approved {
	color: Green;
	font-size: 12px;
}

.ambit .rejected {
	color: Red;
	font-size: 12px;
}

.ambit .row0 {
	background-color: #dddddd;
	font-size: 12px;
	line-height: 22px;
}

.ambit .row1 {
	background-color: #ffffff;
	font-size: 12px;
	line-height: 22px;
}

.task {
	font-family: Arial;
	background: #BDBDBD;
	/*width: 100%;*/
	font-weight: bold;
}

.task .heading {
	font-family: Arial;
	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #FFF;
	background: #003558;
}

.task .caption {
	font-family: Arial;
	font-size: 12px;
	color: #000;
}

.task .title {
	
}

.task .selectbox {
	font-size: 12px;
}

.task .body {
	font-family: Arial;
	font-size: 12px;
	color: #0B79CA;
	padding: 4px 4px 4px 4px;
}

/*
 * grid styles
 */
.grid {
	
}

.grid .data {
	font-family: Trebuchet MS;
	font-size: 12px;
	padding: 2px 3px 3px 2px;
}

.grid .heading {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	background: #325C74;
	color: #FFFFFF;
	line-height: 150%;
}

.grid .heading1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 3px 3px 2px;
	background: #336699;
	color: #FFFFFF;
}

.grid .row0 {
	font-family: Consolas;
	font-size: 12px;
	vertical-align: top;
	background: #E0FFFF;
	line-height: 150%;
	border-bottom: 1px dotted #C0C0C0;
	border-right: 1px dotted #C0C0C0;
	padding-left: 5px;
}

.grid .row1 {
	font-family: Consolas;
	font-size: 12px;
	vertical-align: top;
	background: #FFF;
	line-height: 150%;
	border-right: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	padding-left: 5px;
}

.grid .no-data {
	color: Red;
	font-size: 14px;
}

.grid .loading-data {
	color: White;
	background-color: Black;
}

.grid .clickable {
	text-decoration: underline;
	cursor: hand;
}

.grid .selectbox {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.gridControl {
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C0C0C0;
}

.gridControl .loading {
	background: url('images/grid_loading.gif') no-repeat;
	font-size: 12px;
	color: #fff;
	background: #000;
	float: center;
	padding-left: 5px;
}

.gridControl .idle {
	background: url('images/grid_idle.gif') no-repeat;
}

.gridControl .divider {
	background: url('images/divider-blue.gif') repeat-y;
}

.gridControl .caption {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

.h-divider {
	background: url('images/divider-blue.gif') repeat-y;
}

/*
 * grid 1
 */
.grid1 {
	
}

.grid1 .data {
	font-family: Arial;
	font-size: 12px;
	padding: 2px 3px 3px 2px;
	background: #FFFFCC;
}

.grid1 .selectbox {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.grid1 .row0 {
	font-family: Consolas;
	font-size: 12px;
	vertical-align: top;
	padding: 1px 2px 2px 1px;
	background: #FFFFFF;
}

.grid1 .row1 {
	font-family: Consolas;
	font-size: 12px;
	vertical-align: top;
	padding: 1px 2px 2px 1px;
	background: #EEEEEE;
}

.grid1 .selected-row {
	color: Green;
	border: 2px solid Green
}

.grid1 .no-data {
	color: Red;
}

.grid1 .loading-data {
	color: White;
	background-color: Black;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 4px;
}

.grid1 .heading1 {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 3px 3px 2px;
	background: #336699;
	color: #FFFFFF;
}

.grid1 .clickable {
	text-decoration: underline;
	cursor: hand;
}

/*
 * grid 2
 */
.grid2 {
	
}

.grid2 .data {
	font-family: Arial;
	font-size: 12px;
	padding: 2px 3px 3px 2px;
	background: #FFFFCC;
}

.grid2 .selectbox {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.grid2 .row0 {
	font-family: Consolas;
	font-size: 12px;
	vertical-align: top;
	padding: 1px 2px 2px 1px;
	background: #FFFFE8;
}

.grid2 .row1 {
	font-family: Consolas;
	font-size: 12px;
	vertical-align: top;
	padding: 1px 2px 2px 1px;
	background: #F8F8F8;
}

.grid2 .selected-row {
	color: Green;
	border: 2px solid Green
}

.grid2 .no-data {
	color: Red;
}

.grid2 .loading-data {
	font-family: Arial;
	font-size: 12px;
	color: White;
	background-color: Black;
	font-weight: bold;
	padding: 4px 5px 5px 4px;
}

.grid2 .heading1 {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 3px 3px 2px;
	background: #336699;
	color: #FFFFFF;
}

.grid2 .clickable {
	text-decoration: underline;
	cursor: hand;
}

.board {
	background: #F5FFFA;
}

.board .title {
	height: 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	border-top: 3px solid #D0E4F6;
	border-bottom: 3px solid #D0E4F6;
	border-left: 10px solid #D0E4F6;
	border-right: 20px solid #D0E4F6;
	background: #D0E4F6;
	color: Navy;
}

.board .heading1 {
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #00688B;
	background: #E5EEC3;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.board .heading2 {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: Blue;
	background: #F4F7E7;
}

.board .heading3 {
	font-family: Trebuchet MS;
	font-size: 10px;
	color: Blue;
	background: #F4F7E7;
}

.board .action {
	font-family: Arial;
	font-size: 11px;
	vertical-align: top;
}

.board .link {
	font-family: Arial;
	font-size: 12px;
}

.board .row {
	border-bottom: 1px dotted #E0DFE3;
	padding-bottom: 5px;
}

.board .body {
	font-family: Trebuchet MS;
	font-size: 14px;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 150%;
}

.board .loading {
	font-size: 16px;
	color: Navy;
	background: #FBEC5D;
	line-height: 120%;
	vertical-align: middle;
}

.board .empty {
	font-size: 14px;
	font-weight: bold;
	color: Red;
	vertical-align: middle;
	text-align: center;
}

.board .selectbox {
	font-size: 12px;
}

.board .button {
	margin: 3px 1px;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	cursor: hand;
	padding: 0 10px;
	text-align: center;
}

/*
 * report grid 
 */
.report-grid .data {
	font-family: Arial;
	font-size: 10px;
	padding: 1px 2px 2px 1px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFFFCC;
}

.report-grid .row0 {
	font-family: Arial;
	font-size: 10px;
	padding: 1px 2px 2px 1px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFFFFF;
}

.report-grid .row1 {
	font-family: Arial;
	font-size: 10px;
	padding: 1px 2px 2px 1px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #EEEEEE;
}

.report-grid .selected-row {
	background-color: fuchsia;
}

.report-grid .no-data {
	color: Red;
}

.report-grid .heading1 {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 3px 3px 2px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: Navy;
	color: #FFFFFF;
}

.widget-caption {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	color: #FFF;
	background: #104E8B;
}

.caption12 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 3px 3px 2px;
	color: #AAC79;
}

.image-hyperlink {
	font-size: 12px;
	cursor: pointer;
	cursor: hand;
}

.clickable {
	cursor: pointer;
	cursor: hand;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 580;
}

.hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

.hlink1 {
	font-family: Arial;
	font-size: 12px;
	cursor: hand;
	padding-top: 3px;
	padding-bottom: 3px;
}

.hlink2 {
	font-family: Arial;
	font-size: 10px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.hlink3 {
	font-family: Arial;
	font-size: 10px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.hlink4 {
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.hlink5 {
	font-family: Arial;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: hand;
	text-decoration: underline;
}

.hyperlink-Remove {
	font-size: 8px;
	font-weight: normal;
	color: Red;
}

.hyperlink-Remove a:hover {
	background-color: Red;
}

.hyperlink-Remove .selected {
	font-weight: normal;
}

.Remove {
	font-family: Tahoma;
	font-size: 10px;
	color: Red;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: hand;
	text-decoration: underline;
}

.hlinkRed {
	width: 100%;
	font-family: Tahoma;
	font-size: 12px;
	color: Red;
	cursor: hand;
}

.hlinkGreen {
	width: 100%;
	font-family: Tahoma;
	font-size: 12px;
	color: Green;
	cursor: hand;
}

.sponsor-link {
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	padding: 2px 4px 4px 2px;
}

.panel1 {
	font-size: 12px;
	vertical-align: middle;
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.panel1 .title1 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px 10px 5px;
	border-left: 2px solid Gray;
	border-right: 2px solid Gray;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	background: #E8F2FE;
	color: Navy;
}

.panel1 .title {
	height: 20px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	border: 5px solid #6694e3;
	background: #6694e3;
	color: #000;
}

.panel1 .caption {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

.panel2 {
	background: #FFF;
}

.panel2 .title {
	height: 2em;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 2px 2px 4px;
	background: #E8F2FE;
	color: Navy;
}

.sub-panel-caption1 {
	font-family: Arial;
	font-size: 12px;
	padding: 4px 4px 4px 4px;
	background: #C0C0C0;
	border-bottom: 1px dotted #000;
	color: #000;
}

.disclose-caption1 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background: #efefef;
	color: #000;
}

.red-caption12 {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 1px 1px 1px;
	margin: 4px 4px 4px 4px;
	border: 1px dotted #FF0000;
	color: #FF3300;
}

.panel-caption1 {
	font-family: Tahoma;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000;
	background-color: #E0F648;
}

.CalendarWidget {
	border: 1px solid #C3D9FF;
	background-color: #E0FFFF;
}

.CalendarWidget .navbar {
	width: 100%;
	background-color: #C3D9FF;
	vertical-align: middle;
	border-bottom: 1px solid #C3D9FF;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
}

.CalendarWidget .navbar .gwt-Button {
	padding-left: 1px;
	padding-right: 1px;
}

.CalendarWidget .table {
	font: 14px Arial;
	text-align: center;
}

.CalendarWidget .weekheader {
	color: #FFF;
	background-color: #3B5998;
	font-size: 18px;
	font-weight: bold;
}

.CalendarWidget .weekheader .days {
	font-size: 14px;
}

.CalendarWidget .cell {
	cursor: pointer;
	cursor: hand;
}

.CalendarWidget .cell .gwt-HTML {
	border: 1px solid #C0C0C0;
	text-align: left;
	font-size: 10px;
	font-family: Arial;
}

.CalendarWidget .cell .gwt-HTML span {
	padding-top: 1px;
	padding-left: 2px;
	font-family: Arial;
}

.CalendarWidget .events .gwt-HTML {
	color: Navy;
	background-color: #DFFFA5;
}

.CalendarWidget .today .gwt-HTML {
	background-color: #67C8FF;
}

.CalendarWidget .day .gwt-HTML {
	border: 2px solid #C0C0C0;
}

.EventWidget {
	background-color: #C3D9FF;
}

.EventWidget .title {
	width: 100%;
	background-color: Navy;
	color: White;
}

.EventWidget .hour {
	text-align: right;
	font-size: 14px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-right: 4px;
	padding-bottom: 4px;
}

.EventWidget .caption {
	text-align: right;
	font-size: 16px;
}

.EventWidget .details {
	font-family: Consolas;
	font-weight: normal;
	font-size: 14px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-right: 4px;
	padding-bottom: 4px;
}

.Form1 {
	font-family: Trebuchet MS;
}

.Form1 .title {
	font-size: 12px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	float: center;
}

.Form1 .caption {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	float: right;
}

.Form1 .data {
	font-size: 10px;
	font-weight: normal;
}

.Form1 .highlight {
	background: #E6E6FA;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 5px 5px 2px;
	border: 1px dotted #C0C0C0;
}

.Form1 .selectbox {
	font-family: Arial;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.form {
	font-family: Arial;
	background: #EEE;
	border: 1px dotted #C0C0C0;
}

.form .title {
	font-size: 12px;
	font-weight: bold;
	color: Navy;
	padding: 4px 4px 4px 4px;
	float: center;
}

.form .title1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

.form .field {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
}

.form .data {
	font-size: 12px;
	font-weight: normal;
}

.form .note {
	font-family: Arial;
	font-size: 12px;
	font-color: Navy;
	background: #FFF;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	text-align: justify;
}

.form .caption {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	float: right;
}

.form .error {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: Red;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
}

.form .no-data {
	font-size: 12px;
	color: Red;
}

.form .radio {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.form .selectbox {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
}

.form .toolbar {
	background: #D5DADE;
}

.button {
	cursor: hand;
	padding: 2px 4px 4px 2px;
	height: 25px;
	color: Navy;
	font-size: 12px;
	font-weight: normal;
}

.expNote .more {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
}

.expNote .text {
	font-family: Arial;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background: White;
	font-width: 100%;
}

.card {
	background: #F0F7F9;
}

.card .title {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
}

.card .caption {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: Navy;
	background: #EEF5FD;
	float: right;
	padding-top: 2px;
	padding-bottom: 2px;
}

.card .data {
	font-family: Arial;
	font-size: 14px;
	color: #000;
	background: #EEF5FD;
	padding-top: 2px;
	padding-bottom: 2px;
}

.card2 {
	background: #EEF5FD;
	font-family: Arial;
	font-size: 12px;
}

.card2 .heading1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: 580;
}

.card2 .heading2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.card2 .title {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.card2 .caption {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Navy;
	background: #EEF5FD;
	float: right;
	padding-top: 2px;
	padding-bottom: 2px;
}

.card2 .data {
	font-family: Arial;
	font-size: 12px;
	color: #000;
	background: #EEF5FD;
	padding-top: 2px;
	padding-bottom: 2px;
}

.card3 {
	background: #EEF5FD;
	font-family: Trebuchet MS;
	font-size: 12px;
}

.card3 .heading1 {
	font-family: Trebuchet MS;
	font-size: 14px;
}

.card3 .heading2 {
	font-family: Trebuchet MS;
	font-size: 12px;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
}

.card3 .title {
	font-family: Trebuchet MS;
	font-size: 12px;
	float: left;
}

.card3 .caption {
	float: right;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Navy;
	background: #EEF5FD;
}

.card3 .data {
	font-family: Arial;
	font-size: 12px;
	line-height: 120%;
	color: #000;
	background: #FFF;
}

.card3 .action {
	background: #FFF;
	text-align: center;
}

.card3 .data-justify {
	font-family: Arial;
	font-size: 12px;
	line-height: 120%;
	color: #000;
	background: #FFF;
	font-weight: normal;
	float: justify;
}

.card3 .data-rj {
	font-family: Arial;
	font-size: 11px;
	line-height: 120%;
	color: #000;
	background: #FFF;
	font-weight: bold;
	float: right;
}

.spiffy {
	display: block;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
}

.spiffy * {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #0a67e6;
}

.spiffy1 {
	border-right: 1px solid #95bdf4;
	padding-right: 1px;
	margin-right: 3px;
	border-left: 1px solid #95bdf4;
	padding-left: 1px;
	margin-left: 3px;
	background: #478dec;
}

.spiffy2 {
	border-right: 1px solid #e6effc;
	border-left: 1px solid #e6effc;
	padding: 0px 1px;
	background: #3883ea;
	margin: 0px 1px;
}

.spiffy3 {
	border-right: 1px solid #3883ea;
	border-left: 1px solid #3883ea;
	margin: 0px 1px;
}

.spiffy4 {
	border-right: 1px solid #95bdf4;
	border-left: 1px solid #95bdf4;
}

.spiffy5 {
	border-right: 1px solid #478dec;
	border-left: 1px solid #478dec;
}

.spiffy_content {
	padding: 0px 5px;
	background: #0a67e6;
}

/*  Extended GWT Styles */
.gwt-DialogBox-warning  .Caption {
	color: Red;
	font-size: larger;
}

.gwt-DecoratedPopupPanel-second .popupContent {
	background-color: #FFF;
	padding: 10px 10px 10px 10px;
}

.gwt-DisclosurePanel-card {
	font-size: 12px;
}

.gwt-DisclosurePanel-card .header {
	font-size: 12px;
}

.gwt-MenuBar-menu1 {
	font-family: Tahoma;
	font-size: 12px;
	background-color: #C3D9FF;
	border: 1px solid #87B3FF;
	cursor: default;
}

.gwt-MenuBar-menu1 .gwt-MenuItem {
	padding: 1px 4px 1px 4px;
	cursor: default;
	font-size: 12px;
}

.gwt-MenuBar-menu1 .gwt-MenuItem-selected {
	background-color: #E8EEF7;
	font-size: 12px;
	font-weight: bold;
}

.header-card {
	font-size: 12px;
}

.content-card {
	font-family: Times New Roman;
	font-size: 12px;
}

.gwt-StackPanel-contact {
	font-family: Thaoma;
	font-size: 10px;
}

.gwt-StackPanel-contact .gwt-StackPanelItem {
	font-size: 10px;
	font-weight: normal;
}

.gwt-StackPanel-contact .gwt-StackPanelItem-selected {
	font-size: 10px;
	font-weight: 580;
}

.gwt-DecoratedStackPanel-style1 {
	font-size: 10px;
	font-weight: normal;
}

.gwt-gwt-DecoratedStackPanel-style1 .gwt-StackPanelItem {
	font-size: 10px;
	font-weight: normal;
}

.gwt-gwt-DecoratedStackPanel-style1 .gwt-StackPanelItem-selected {
	font-size: 10px;
	font-weight: bold;
}

.gwt-CheckBox-small {
	font-size: 10px;
}

.gwt-StackPanel-report {
	font-family: Thaoma;
	font-size: 12px;
}

.gwt-StackPanel-report .gwt-StackPanelItem {
	font-size: 12px;
	font-weight: normal;
}

.gwt-StackPanel-report .gwt-StackPanelItem-selected {
	font-size: 12px;
	font-weight: bold;
}

gwt-DecoratedPopupPanel-workarea {
	background: fuchsia;
}

gwt-DecoratedPopupPanel-workarea .popupContent {
	background: fuchsia;
}

.gwt-ProgressBar-shell {
	border: 2px solid #faf9f7;
	border-right: 2px solid #848280;
	border-bottom: 2px solid #848280;
	background-color: #AAAAAA;
	height: 14pt;
	width: 50%;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: #67A7E3;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
}

.theme1 {
	background: #FFF;
}

.theme1 .divider {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.theme1 .clickable {
	font-family: Arial;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.theme1 .moreless {
	color: Blue;
	font-family: Arial;
	font-size: 12px;
	float: right;
}

.theme1 .note {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: Navy;
	padding: 4px 5px 5px 4px;
}

.theme1 .caption {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	float: right;
	padding: 2px 2px 2px 2px;
}

.theme1 .field {
	font-family: Arial;
	font-size: 14px;
	background-color: #FFF;
	padding-left: 2px;
}

.theme1 .error {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	height: 20px;
	padding: 2px 2px 2px 2px;
}

.theme1 .button {
	border: 1px solid #666;
	margin: 3px 3px 3px 3px;
	float: center;
	font-size: 14px;
	font-weight: bold;
	cursor: hand;
	background-color: #00688B;
	color: #ffffff;
	padding: 0 10px;
}

.theme1 .field:hover {
	background-color: #FF0000;
	border: 4px solid #888377;
}

.theme1 .field:focus {
	background-color: #F4EEDD;
	border: 2px solid #888377;
}

.Widget1 {
	
}

.Widget1 .empty {
	font-size: 14px;
	line-height: 150%;
	color: Navy;
}

.Widget1 .title {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	z-index: auto;
	vertical-align: middle;
	color: Navy;
	background-color: #D0E4F6;
	border-bottom: 3px solid #D0E4F6;
}

.Widget1 .body {
	font-family: Arial;
	font-size: 12px;
	vertical-align: middle;
	color: Navy;
	background-color: #EFEEED;
	padding: 4px;
}

.Widget1 .note {
	font-family: Arial;
	font-size: 12px;
	line-height: 130%;
	vertical-align: middle;
	color: #000;
	background-color: #FFF;
	padding: 10px;
	text-align: justify;
}

.Widget1 .link {
	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	vertical-align: middle;
	color: #000;
	padding-bottom: 2px;
	cursor: hand;
	line-height: 1.5;
}

.Widget1 .loading {
	font-family: Arial;
	font-size: 14px;
	color: Red;
	padding-bottom: 1px;
}

.Widget1 .link1 {
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 1px;
}

.Widget2 {
	background-color: #AAC798;
}

.Widget2 .title {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	z-index: auto;
	vertical-align: middle;
	color: White;
	padding: 4px;
}

.Widget2 .body {
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	color: #000000;
	background-color: #AAC798;
	padding: 4px;
}

.Widget3 {
	background-color: #F5F5F5;
}

.Widget3 .title {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	z-index: auto;
	vertical-align: middle;
	background: Red;
	color: White;
	padding: 4px;
}

.Widget3 .body {
	font-family: Arial;
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
	background-color: #F5F5F5;
	padding: 4px;
}

.Post {
	font-family: Verdana;
}

.Post .header0 {
	width: 100%;
	color: Navy;
	background-color: #EEEEEE;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

.Post .body0 {
	width: 100%;
	line-height: 16px;
	background-color: #EEEEEE;
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.Post .header1 {
	width: 100%;
	line-height: 16px;
	color: Navy;
	background-color: #E1EFF4;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

.Post .body1 {
	width: 100%;
	background-color: #E1EFF4;
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.Poll {
	
}

.Poll .body {
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: 500;
	text-align: justify;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	line-height: 150%;
	color: #00688B;
	background: #E5EEC3;
}

.Poll .option {
	font-family: Trebuchet MS;
	font-size: 12px;
	width: 100%;
	height: 100%;
	line-height: 200%;
	background: #F4F7E7;
	vertical-align: middle;
}

.Poll .total {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #00688B;
	background: #E5EEC3;
}

.Poll .vote {
	font-family: Trebuchet MS;
	width: 100%;
	background: #F5F5DC;
	border-bottom: 1px solid #00688B;
}

.Poll .percent {
	background: Red;
}

.col-heading1 {
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	color: Navy;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 4px;
	background: #FFF;
}

.titlebar1 {
	width: 100%;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 4px;
	color: #FFF;
	background: #3B5998;
}

.titlebar2 {
	top: 0px;
	vertical-align: top;
	padding: 1px 4px 1px 4px;
	/* Values clockwise: top, right, bottom, left */
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	background: url('images/windowTitlebar.png') repeat-x;
	color: White;
}

.titlebar-blue {
	top: 0px;
	padding: 1px 4px 1px 4px;
	/* Values clockwise: top, right, bottom, left */
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	background: url('images/titlebar-blue.gif') repeat-x;
	color: White;
}

.titlebar-gray {
	top: 0px;
	padding: 1px 4px 1px 4px;
	/* Values clockwise: top, right, bottom, left */
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	background: url('images/titlebar-gray.jpg') repeat-x;
	color: White;
}

.titlebar-green {
	top: 0px;
	padding: 1px 4px 1px 4px;
	/* Values clockwise: top, right, bottom, left */
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	background: url('images/titlebar-green.gif') repeat-x;
	color: White;
}

.verticalRuler {
	border-left: medium solid #000;
}

.selectionBar {
	font-weight: bold;
	text-align: center;
	vertical-aling: middle;
	color: #000;
}

.selectionBar .cell {
	font-weight: normal;
	background-color: #FFF;
	border-left: 1px solid #C0C0C0;
}

.selectionBar a:hover {
	background-color: #000;
	color: #FFF;
}

.selectionBar .selected {
	font-weight: bold;
	background-color: #CAE1FF;
	color: #000;
}

.selectionBar .cell:focus {
	background-color: Green;
}

.dark {
	background-color: #9BC4E2;
}

/* Override default widget style */
.gwt-TabPanel-vertical {
	background-color: Red;
}

.gwt-DisclosurePanel-open .header TD {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 3px 3px 2px;
}

.gwt-DisclosurePanel-closed .header TD {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 8px 8px 2px;
}

.gwt-Button {
	margin: 3px 1px;
	font-size: 80%;
	cursor: hand;
}

.tab-Caption1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

#report {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}

#report th {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}

#report td {
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}

#report tbody tr:hover td {
	color: #009;
}

.RichTextToolbar {
	background: #E2E2E2;
	padding: 5px;
	margin: 0px;
	/*border: red 1px solid;*/
}

.RichTextToolbar .gwt-ToggleButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-PushButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-ToggleButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-ToggleButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-PushButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-ToggleButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-PushButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}