/*
This stylesheet contains the styles used in the whole GNPortal application.
*/

/* Common styles for html elements */
/******************************************************/

html, body, form {
  height:100%;
  margin:0;
  padding:0;
}

html {
  overflow-y: auto;
  overflow-x:hidden;
}

body {
  background-color: #E9E9E9;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color:#3174A8;
  width:100%;
}

a,a:visited {
  color: #3174A8;
  text-decoration:none;
}
a:hover{
  color: #666666;
}

input,textarea,select,button {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  outline:none;
  margin:0;
}

input[type="checkbox"], input[type="radio"] {
  height:16px;
  margin: 5px;
  vertical-align:middle;
}

fieldset {
  border:1px solid #88B3D5;
  margin:2px;
}

acronym, abbr{  
  border-bottom:1px dotted #333;
}  

.gn4_wrap {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.gn4_floatLeft {
  float:left;
}

.gn4_noWrap { 
  white-space: nowrap;
}

.gn4_togglePreview {
  cursor: pointer;
  margin-right:10px;
}

/* Splash page */
/******************************************************/

.gn4_splashTable {
  width:508px;
  margin-left:auto;
  margin-right:auto;
}

.gn4_splashTable_version_container {
  text-align:left;
  padding-top:2px;
  font-weight:normal;
  color:#8C8C8C;
  font-size:10px;  
}

/* Body Style, used by PageMaster.master */
/******************************************************/

.gn4_body {
  background-image: url('../Images/BkgMain.jpg');
  background-repeat: repeat-x;
}
#gn4_push {
  height:55px; /* gn4_push must be the same height as gn4_footer */
}
#gn4_body_content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}

/* Header Bar, used by PageMaster.master */
/*****************************************/

.gn4_header { /* header bar background */
  background-image: url('../Images/bkgUp.gif');
  background-repeat: no-repeat;
  background-position: top right;
  height:36px;
}

.gn4_header_logo {
  float:left;
}

.gn4_header_links {
  font-size: 12px;
  float:right;
  right:5px;
  text-align:right;
  color:#fff;
  margin-top:10px;
}

.gn4_header_links a, .gn4_header_links span {
  margin-right:5px;
}

.gn4_header_links a, .gn4_header_links a:visited {
  color:#fff;
}

.gn4_header_links a:hover {
  color:#fff;
  text-decoration:underline;
}

.gn4_header_user_btn {
  vertical-align:middle;
  cursor:pointer;
  border:0;
}

.gn4_header_user_menu {
  border:solid 1px #96B6CF;
  background-color: white;
  display:none;
  right:0;
  top:35px;
  z-index:2;
  position:absolute;
  text-align:left;
  font-size: 12px;
  font-weight:normal;
}

.gn4_header_user_menu a {
  padding:3px 16px 3px 10px;
  display:block;
  height:auto;
  white-space: nowrap;
  color:#3174A8;
  margin-right:0px;
}

.gn4_header_user_menu a:hover {
  color:#3174A8;
  background-color:#E9F0F5;
}

.gn4_header_pageTabs {
  float:left;
  margin-top:14px;
  text-align:center;
  height:22px;
  overflow:hidden;
}

.gn4_header_pageTabs_menu {
  border:solid 1px #88B3D5;
  background-color: #fff;
  display:none;
  position:absolute;
  width:inherit;
  z-index:1000;
}

.gn4_header_pageTab, .gn4_header_pageTab_selected {
  float:left;
  max-width:250px;
  font-weight:bold;
  border-top:none;
  margin-right:1px;
}

.gn4_header_pageTabs_menu .gn4_header_pageTab, .gn4_header_pageTabs_menu .gn4_header_pageTab_selected {
  float:none;
  margin:1px;
}
.gn4_header_pageTab i, .gn4_header_pageTab_selected i{
  display:block;
  background-color:#88B3D5;
  line-height: 1px;
  font-size:1px;
  margin: 0 2px 0 2px;
}
.gn4_header_pageTab b, .gn4_header_pageTab_selected b{
  display:block;
  background-color:#88B3D5;
  line-height: 1px;
  font-size:1px;
  margin: 0 1px 0 1px;
  border:solid 1px #88B3D5;
  border-top:0;
  border-bottom:0;
}

.gn4_header_pageTab a, .gn4_header_pageTab a:visited {
  padding:3px 5px 4px 5px;
  display:block;
  color:#fff;
  background-color:#88B3D5;
  border-top:0;
  border-bottom:0;
 
}
.gn4_header_pageTab_selected {
  border-bottom:none;
  background-color:#88B3D5;
}
.gn4_header_pageTab_selected a, .gn4_header_pageTab_selected a:visited {
  padding:3px 5px 4px 5px;
  display:block;
  color:#10659E;
  background-color:#EAE8E9;
}
.gn4_header_pageTab a:hover 
{
  padding:3px 5px 4px 5px;
  display:block;
  background-color:#5D98C5;
}

/* Footer Bar, used by PageMaster.master */
/*****************************************/

.gn4_footer {
  width: 100%;
  height: 55px;
  background-image: url('../Images/logoFooter.gif');
  background-position: bottom right;
  background-repeat: no-repeat;
}

.gn4_footer_line {
  border-bottom: solid 1px #7A8F9E;
  width:100%;
  margin-top:6px;
  margin-left:-120px;
  height:13px;
  float:left;
}

.gn4_footer_copyright {
  margin-left:10px;
  color:#8C8C8C;
  font-size:9px;
  float:left;
  clear:both;
  white-space:nowrap;
}

/* Menu styles, used by MenuWebPartBehavior.js */
/***********************************************/

.gn4_menuWebPart_container { 
  height:100%;
  background-image: url('../Images/BkgMenu.gif');
  min-height:24px;
}

.gn4_menuWebPart_menu {
  height:100%;
}

.gn4_menuWebPart_menuItem {
  float: left;
  text-align:center;
  display:block;
  padding:2px 4px 0px 4px;
  border-right:1px #CEE0EA solid;
  height:21px;
  margin-top:1px;
}

.gn4_menuWebPart_menuItem img {
  vertical-align: middle;
  margin-right:5px;
  display:inline-block;
  width:16px;
}

.gn4_menuWebPart_menuItemInner {
  color: #3174A8;
  display: block;
  white-space:nowrap;
  padding: 3px 6px 2px 6px;
}

.gn4_menuWebPart_menuItemInnerDisabled {
  padding: 3px 6px 2px 6px;
  color: #999;
  display: block;
  white-space:nowrap;
}

.gn4_menuWebPart_menuItemInnerHover {
  border:1px #96B6CF solid;
  background-color:#FFFFFF;
  padding: 2px 5px 1px 5px;
}

.gn4_menuWebPart_subMenuItemTable {
  border:1px #96B6CF solid;
  margin-left:4px;
  background-color:#FFFFFF;
}

.gn4_menuWebPart_subMenuItem {
   height:25px;
   display:block;
   background-color:#FFFFFF;
   padding:0;
   margin:0;
   width:100%;
}

.gn4_menuWebPart_subMenuItem img {
  vertical-align: middle;
  margin-right:5px;
  display:inline-block;
  width:16px;
}

.gn4_menuWebPart_subMenuItemInner {
  white-space:nowrap;
  display: block;
  padding: 4px;
  background-color:#FFFFFF;
}

.gn4_menuWebPart_subMenuItemInnerHover {
  display:block;
  background-color:#E9F0F5;
  color:#3174A8;
  padding: 4px;
}

.gn4_menuWebPart_subMenuItemInnerDisabled {
  background-color:#FFFFFF;
  white-space:nowrap;
  display: block;
  color: #999;
  padding: 4px;
}

/* Page Navigator styles, used by ResultWebPart.ascx, PageSelectionControl.cs */
/******************************************************************************/

.gn4_pageSelectionControl {
  border-top:solid 1px #ccc;
  padding: 5px;
  max-height:22px;
  overflow:hidden;
}

.gn4_pageSelectionControl_num {
  min-width:20px;
  width: auto;
  font-size: 1em;
  border: 1px solid #CCCCCC;
  color: #0066CC;
  text-align: center;
  float:left;
  margin-right:2px;
  margin-bottom:10px;
}

.gn4_pageSelectionControl_num a {
  display:block;
  color: #0066CC;
  text-decoration: none;
  padding:3px 0px 3px 0px;
}

.gn4_pageSelectionControl_num a:hover {
  display:block;
  font-weight:bold;
  color: #0066CC;
  background-color: #D2EAF6;
}

.gn4_pageSelectionControl_num a[disabled] {
  color: #999999;
  font-weight:normal;
}

.gn4_pageSelectionControl_num_selected {
  background-color:#B9D9EB;
}

/* Table header styles, used by ResultWebPart, AuditWebPart, SearchWebPart, EditObjectWebPart */
/*************************************************************************************************/

.gn4_tableHeader_container {
  padding:0px;
  margin:0px;
}

.gn4_tableHeader {
  border-top:solid 1px #CCCCCC;
  background: #FFFFFF url('../Images/bkgCellHeader.gif') repeat-x;
  font-weight:bold;
  margin:0px;
  padding:0px;
  min-height:27px;
  overflow: hidden;
}

.gn4_tableHeader_search {
  border-top:solid 1px #CCCCCC;
  background: #FFFFFF url('../Images/bkgCellHeader.gif') repeat-x;
  font-weight:bold;
  margin:0px;
  padding:0px;
  min-height:27px;
  overflow: hidden;
}

.gn4_tableHeader_left {
  float:left;
  font-size:10px;
  font-weight:normal;
  padding:2px;
  margin-left:10px;
  width:auto;
}

.gn4_tableHeader_right {
  float:right;
  font-size:10px;
  font-weight:normal;
  padding:4px;
  white-space:nowrap;
}

/* Form styles, used by WFForm, NewObjectForm, EditObjectsForm, UserOption, UnlockForm, PublicWFForm, DeleteForm, Clipboard */
/*****************************************************************************************************************************/

.gn4_formContent {
  position: relative;
  width:auto;
  height:auto;
  z-index:100;
  background-color:#E8F0F6;
  padding-bottom:33px;
}

.gn4_formContent_dataFrame {
  position:relative;
  width:auto;
  height:auto;
  border:solid 1px #CCCCCC;
}

.gn4_formContent_header {
  border-width: 1px;
  border-color: #CCCCCC;
  background-image: url('../Images/bkgCellHeader.gif');
  background-repeat: repeat-x;
  border-bottom: 0px;
  font-weight:bold;
}

.gn4_WFForm_progress {
  padding-left:10px;
  background-color:#E8F0F6;
  clear:left;
}

.gn4_WFForm_buttons {
  clear:left;
  background-color:#E8F0F6;
}

/* Page Title, used by NewObjectForm, DeleteForm, EditObjectsForm, WFForm, UserOptions, UnlockForm, PublicWFForm, PartResetForm, Clipboard */
/*********************************************************************************************************************************************/

.gn4_pageTitle {
  font-size:18px;
  padding-top:5px;
  background-image: url('../Images/bkgCellHeader.gif');
  font-weight:bold;
}

.gn4_pageGradient {
	float:left; 
	padding-bottom:1px;
}

.gn4_pageIcon {
	width:100%;
	background-color:#FFFFFF;
	padding-bottom:5px;
	float:left;
}

.gn4_previewContainer {
  position:relative;
}

.gn4_previewContainer iframe {
  position:relative;
  z-index: 1;
}

.gn4_previewTable {
  clear:both;
  border:0;
  padding:0;
  width:100%;
}

.gn4_previewTableCell {
  vertical-align:top;
  border:0;
  padding:0;
}

/* Page SubTitle, used by DeleteForm, EditObjectsForm, PartReserForm, WFForm, Clipboard */
/****************************************************************************************/

.gn4_pageSubTitle {
  margin-top:0px;
  color:#52B0E5;
  font-weight:bold;
  font-size:15px;
  padding:10px;
  background-color:#FFFFFF;
  float:left;
}

/* Page Box containers, used by the same pages using gn4_pageTitle */
/*******************************************************************/

.gn4_box {
  font-size:11px;
  font-weight:bold;
  width:100%;
  background-color:#E8F0F6;
  padding-top:2px;
  clear:both;
}

.gn4_box_content {
  float:none;
  height:inherit;
}

.gn4_box_scrollData {
  overflow:auto;
  height:auto;
}

.gn4_box_bgColor {
  background-color:#E8F0F6;
  width:100%;
  height:100%;
}

/* User Options styles, used by UserOptions.aspx and GlobalConfig.aspx */
/***********************************************************************/

.gn4_userOptionsSectionTitle {
  font-weight:bold;
  font-size:13px;
  padding:5px 0px 5px 0px;
  margin:0px;
}

.gn4_userOptionsSectionPanel {
  font-weight:normal;
  font-size:11px;
  padding:5px 10px 5px 10px;
  margin:0px;
}

.gn4_userOptionsLabelCell {
  font-weight:bold;
  vertical-align:top;
}

/* Result Web Part classes, used by ResultWebPart.ascx */
/*******************************************************/

.gn4_resultWebPart, .gn4_treeWebPart {/*Div holding the table */
  width:100%;
  margin:0 auto;
  border:0px;
  overflow:auto;
}

/* Directory style popup, used by AuditWebPart */
/***********************************************/

.gn4_dirStylePopup {
  position:absolute;
  left:20pt;
  top: 20pt;
  border: solid 1px black;
  background: white; 
  visibility: hidden; 
  z-index: 100;
}

.gn4_WebPartContent {
  overflow-x:hidden;
  overflow-y:auto;
  max-height:260px;
}

/* Search control styles, used by SearchWebPart */
/************************************************/

.gn4_searchWebPart_table {
  clear:both;
  table-layout:auto;
  overflow:auto;
}

.gn4_searchWebPart_table input.button {
  width: 50pt;
}

/* Styles for table layouts so that the table takes up zero space, used by PageManager.aspx */
/********************************************************************************************/

.gn4_pm_table_layout {
  padding: 0pt;
  margin: 0pt;
  border: 0pt;
  border-collapse: collapse;
}

.gn4_pm_table_dialog_option {
  padding: 0pt;
  margin: 0pt;
}
.gn4_pm_table_dialog_option td {
  padding: 0pt;
  margin: 2pt;
  border-style: hidden;
}

.gn4_pm_table_dialog_space {
  height: 2pt;
}

.gn4_pm_table_dialog_button {
  vertical-align: top;
  background-color: #ffffbf;
  padding: 2pt;
  border-right: 0px;
  border-top: lightgrey 1px solid;
  border-left: lightgrey 1px solid;
  border-bottom: lightgrey 1px solid;
}

.gn4_pm_table_dialog_text {
  vertical-align: top;
  background-color: #ffffbf;
  padding: 2pt;
  border-right: lightgrey 1px solid;
  border-top: lightgrey 1px solid;
  border-left: 0px;
  border-bottom: lightgrey 1px solid;
}

.gn4_pm_table_dialog_caption {
  font-size: large;
  font-weight: bold;
  margin-bottom: 10px;
  white-space: nowrap;
  width: 100%;
  border-bottom: gray thin solid;
  padding-bottom: 10px;
}

.gn4_pm_table_dialog_description {
  margin-bottom: 10pt;
  padding: 2pt;
  border-right: lightgrey 1px solid;
  border-top: lightgrey 1px solid;
  border-left: lightgrey 1px solid;
  border-bottom: lightgrey 1px solid;
  background-color: #ffffbf;
}

/* Web Part zones styles, used by Page, PageBehavior.js, SplitterBehavior.js, WebPartZone */
/******************************************************************************************/

/* applies to menu webpart zone */
.gn4_page_menuZone { 
}

/* applies to webpart zone */
.gn4_page_webPartZone { 
}

 /* applies to menu webpart zone when DisplayMode is not 'Browse' */
.gn4_page_edit_menuZone {
}

/* applies to  webpart zone when DisplayMode is not 'Browse' */
.gn4_page_edit_webPartZone  { 
  padding:0;
  margin:0;
  height:100%;
  overflow: hidden;
}

.gn4_page_menuZone, .gn4_page_edit_menuZone {
  z-index: 100;
}

.gn4_page_edit_webPartZone td, .gn4_page_edit_menuZone tr {
  height:1px;
}

/* applies to webpart's properties popup */
.gn4_page_edit_webPartProperties { 
  background-color:#fff;
  width:550px;
}

.gn4_page_edit_webPartProperties table { 
  width:100%;
}

/* applies to control's label in webpart's properties popup */
.gn4_page_edit_webPartProperties fieldset td > span, .gn4_page_edit_webPartProperties label { 
  font-size:80%;
  color:#3174a8;
}

/* applies to webpart's connections popup */
.gn4_page_edit_webPartConnections {
  font-size:10pt;
  border:1px solid #999999;
  border-top:0;
  padding:8px;
  background-color:#ffffff;
  width:100%;
}


/* applies to left webpart zone */
.gn4_page_webPartZone_left  { 
  width:33%;
}

/* applies to right webpart zone */
.gn4_page_webPartZone_right  { 
  width:33%;
  /* hack to avoid the column to go under the others */
  margin-left:-1px;
}

/* applies to center webpart zone */
.gn4_page_webPartZone_center  { 
  width:34%;
}

/* applies to webpart zone when only 2 zones (default is 3) are visible */
.gn4_page_webPartZone_double  { 
  width:67%;
}

/* applies to webpart zone when only 1 zone (default is 3) is visible */
.gn4_page_webPartZone_full  { 
  width:100%;
}

/* applies to the zones container's panel */
.gn4_page_mainPanel {
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: bottom 20px;
  background-attachment:fixed;
}

/* applies to a webpart zone */
.gn4_page_zone {
  height: auto;   
  background-image: url('../Images/BkgWebPart.jpg');
  background-repeat:repeat;
}

.gn4_page_zone > table {
  width:100%; 
}

/* to avoid webpart overflow */
.gn4_page_zone > table > tbody > tr > td > table{
  table-layout:fixed; 
}

/* applies to webpart zone title when DisplayMode is not 'Browse' */
.gn4_page_edit_zone_title { 
  padding:3px;
  margin:1px;
  background-color:#3174A8;
  color:#fff;
  font-size: 120%;
  font-weight:bold;
}

/* applies to each webpart that belongs to a generic webpart container */
.gn4_webPart { 
  margin-bottom: -1px;
  padding: 2px;
}

.gn4_webPart_border{ 
  border:solid 1px #88B3D5;
}

/* set a different margin in edit mode */
.gn4_page_edit_webPartZone .gn4_webPart, .gn4_page_edit_menuZone .gn4_webPart {
  margin: 0px;
}

/* applies to the webpart title */
.gn4_webPart_title { 
}

/* applies to the webpart content */
.gn4_webPart_content { 
  height:100%;
  min-height:15px;
  overflow:hidden;
}

.gn4_webPart_overlay
{
	width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  filter: alpha(opacity=0); /* IE */
	opacity: 0; /* Safari, Opera and Mozilla */
}

/* applies to the webpart content in edit mode */
.gn4_webPart_edit_content { 
  height:100%;
  min-height:15px;
  border: solid 1px #ccc;
  background-color:#f5f5f5;
  padding:6px;
  line-height:200%;
}

.gn4_page_menuZone .gn4_webPart_content, .gn4_page_edit_menuZone .gn4_webPart_content {
  min-height:19px;
  overflow:visible;
}

/* applies to the webpart title bar */
.gn4_webPart_titleBar { 
  white-space: nowrap;
  background: url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
  color: #FFFFFF;
  font-weight:bold;
  height:24px;
  line-height:24px;
  text-indent:5px;
  width:100%;
}

.gn4_webPart_titleBar_title {
  float:left;
}

.gn4_webPart_titleBar_verb {
  float:right;
  vertical-align:bottom;
  padding:5px 5px 0px 0px;
  cursor:pointer;
}

/* applies to the webpartverbs panel */
.gn4_webPart_verbs { 
  border:solid 1px #88B3D5;
  background-color: #fff;
  position:absolute;
  float:left;
  margin-left: expression('-25px'); /* IE */
  margin-top:-2px;
  z-index:100000;
}

/* applies to the button that opens the webpartverbs panel */
.gn4_webPart_verbs_openBtn { 
  text-align:center;
  display:inline;
  float:left;
  width:20px;
  font-size:10px;
  background-color:#88B3D5;
  cursor:pointer;
  padding:0;
}

/* applies to a webpart verb (the item in the webpart menu while in edit mode) */
.gn4_webPart_verb { 
}

.gn4_webPart_verb img {
  vertical-align:top;
  padding-right:6px;
}

.gn4_webPart_verb a{
  padding:5px 10px 0px 5px;
  height:20px;
  min-width:100px;
  color: #666; 
  display:block;
}

.gn4_webPart_verb a:hover{
  color: #000;
  background-color: #B9D9EB; 
}

.gn4_webPart_filterRow {
  padding:10px 0px;
  clear:both;
}

.gn4_webPart_filterLabel {
  vertical-align:top;
  padding:6px 4px 4px 4px;
  text-align:right;
  font-weight:bold;
  float:left;
}

.gn4_webPart_filterValue {
  vertical-align:top;
  padding:6px 4px 4px 4px;
  float:left;
}

/* Report control styles, used by ReportWebPart */
/************************************************/

#infowrap li{
	display:inline;
}
.infobox{
	margin-top:10px;
}
.infobox h3{
	padding:5px;
	font-size:12px;
}
.margin-left{
	margin-left:5px;
}
#rightnow .reallynow {
	padding: 5px;
	font-size:14px;
}
#rightnow h3{
	padding:2px;
	padding: 0 10px;
	font-size:14px;
}
#rightnow .reallynow span {
	display: block;
	text-align: left;
	float: left;
	padding:0 2px;
	font-size:12px
}
#rightnow .reallynow a {
	text-decoration:none;
	display: block;
	text-align: right;
	float: right;
	padding:0 0 0 18px;
	margin-left:4px;
	font-weight:normal;
	font-size:12px;
}
#rightnow .reallynow a:hover{
	text-decoration:underline;
}
#rightnow .youhave {
	font-size:  12px;
	padding: 10px;
	background-color:#FFF;
	margin:0;
}
#rightnow a {
	font-weight: bold;
}
.infobox{
	border:1px solid #d9e6f0;
	background-color:#FFF;
}
.infobox h3{
	background:#f3f9ff;
	border-bottom:1px solid #d9e6f0;
	color:#375b91;
	margin:0;
}
.infobox table{
	background:none;
	margin:5px;
	width:98%;
}
.infobox td, th{
	border:1px solid #d9e6f0;
  padding: 2px;
} 
.infobox thead{
	background:#f3f9ff;
}

#rightnow {
	border:1px solid #d9e6f0;
	margin-right:10px;
	margin-left:10px;
}
#rightnow .reallynow {
	background:#f3f9ff;
	color:#375b91;
}
#rightnow h3{
	background:#f3f9ff;
	border-bottom:1px solid #d9e6f0;
	margin:0;
}

/*********************
	Icons
*********************/
.icon{
	padding-left:19px;
	text-decoration:none;
	height:20px;
	font-size:12x;
	margin:0 3px;
	display:inline-block;
	line-height:20px;
}

.report{background:transparent url(../images/report.png) no-repeat left;}
.add{background:transparent url(../images/refresh.gif) no-repeat left;}

.padding10 {
	padding:10px;
}

.report_clickable {
  cursor: pointer;
  margin:2px;
  vertical-align:bottom;
}

.report_selected td{
border:0px solid black;
background-color:rgb(224, 244, 255);
}
.report_controls
{
width: 100%;
height: 40px;
background-image: url(../Images/BkgMenu.gif);
min-height: 40px;
border: solid 1px #88B3D5;
margin: 0px 0px 10px 0px;
padding: 10px;
overflow: hidden;
}
.report_title{
width: 100%;
height: 60px;
border: solid 1px #88B3D5;
padding-top:10px;
padding-left:10px;
margin: 0px 0px 10px 0px;
font-size: 2em;
}
.report_pane
{
width:49%; 
height:100%;
overflow: scroll;
border: solid 1px #88B3D5;
padding:10px;
}

.left{
	float:left;
	margin-left:10px;
}

.right{
	float:right;
	margin-right:10px;
}

.width100pc{
	width:100%;
}

.resultTable tr{
height:30px;
}

.report_clickable td{
text-align:center;
width:16.6%;

}

.total{
font-size:2em;
}
.late{
background-color:#FF0000 !important;
color:black;
font-size:2em;
}
.complete{
background-color:#6FFF44 !important;
font-size:2em;
}
.warning{
background-color:#FFFF00 !important;
font-size:2em;
}
.normal{
background-color:#BAD0EF !important;
font-size:2em;
}
.largeTxt{
font-size:2em;
}

.smallTxt{
font-size:0.8em;
}

.pWorkstate{
margin:5px;
padding:5px;
overflow:hidden;
border:0px solid #ccc;
text-align:center;
}

.pLate{
border:4px solid #FF0000;
}

.pComplete{
border:4px solid #00FF00;
}

.pWarning{
border:4px solid #FFFF00;
}

.pNormal{
border:4px solid #ccc;
}
.noResultsTxt{
padding:10px;
font-size:2em;
}

.pBox{
	width: 150px;
	height: 200px;
	padding: 5px;
	margin: 5px;
	float: left;
}

.overflowAuto{
	overflow:auto;
}
.overflowScroll{
	overflow-y:scroll;
}

.width49pc{
	width:49%;
}

.ImageSelectControl
{
	border: 1px solid black; 
	margin: 5px 0px;
}

.VariantSelectControl
{
	border: 1px solid black;
	margin: 5px 0px;
}

.ImageSelectControlSelected
{
	border: 2px solid blue; 
}

.VariantSelectControlSelected
{
	border: 2px solid blue; 
}

@supports (-ms-accelerator:true) {
    .gn4_formContent {
       padding-bottom:58px !important;
    }
    .gn4_buttons {
        padding-bottom: 25px !important;
    }
}