body, div, form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #CCCCCC;
}

@media (max-width: 800px) {
	.iwpWideDeviceOnly {
		display:none;
	}
	
}

@media (min-width: 801px) {
	.iwpNarrowDeviceOnly {
		display:none;
	}

}

table.iwpGrid.iwpTimetableGrid td {
	vertical-align:top;
}

/* specificity is high deliberately */
body.iwpPortletDnd #iwpContentArea div.iwpColumn {
	min-height: 50px;
	background-color: #CCCCCC;
	margin-bottom: 10px;
}

p {
margin:0 0 10px 0;
}
a {
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration: underline;
}

a.iwpInvisibleLink {
	color: inherit;
	text-decoration: none;
}

a.iwpSmallLink {
	font-size: 10px;
	text-transform: uppercase;
}

a.iwpFileLink {
	width: 16px;
	height: 16px;
    text-decoration:none;
	background-image: url(/igloo/portal/themes/common/document.png);
    background-repeat: no-repeat;
}

.iwpVersion {
	color:#999;
}

a.iwpFileLinkWithText {
	padding-left:18px;
	height: 16px;
    text-decoration:none;
	background-image: url(/igloo/portal/themes/common/document.png);
    background-repeat: no-repeat;
	background-position:0 0;
}

a.iwpFileAttachmentWithText {
	padding-left:18px;
	height: 16px;
	display:inline-block;
    text-decoration:none;
	background-image: url(/igloo/portal/themes/common/paperclip.png);
    background-repeat: no-repeat;
	background-position:0 -1px;
}

a.iwpDownloadLink {
	width: 16px;
	height: 16px;
    text-decoration:none;
	background-image: url(/igloo/portal/themes/common/download_small.png);
    background-repeat: no-repeat;
	display:inline-block;
}

.iwpIwiseForm {
	padding:10px 10px 10px 40px;
	background-color:#ddd;
	display:block;
	margin-bottom:2px;
	background-image: url(/igloo/portal/themes/common/document.png);
	background-repeat: no-repeat;
	background-position:10px 15px;
}

.iwpIwiseForm iwpIwiseFormTitle {
	font-weight:bold;
}

.iwpIwiseForm iwpIwiseFormDesc {
	clear:both;
}

table.iwpConfigValues {
	width:100%;
}

table.iwpConfigValues tr th {
	padding:1px 5px;
	background-color:#ddd;
	white-space:nowrap;
}

table.iwpConfigValues tr td {
	padding:1px 5px;
	background-color:#eee;
	width: 99%;
}

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

.iwpBlockLink {
	color:black;
	text-decoration:none;
	display:block;
}

.iwpBlockLink:hover {
	text-decoration:none;
	background-color:#F8F8F8;
	cursor: pointer;
}

.iwpBlockLinkSelected {
	text-decoration:none;
	background-color:#F0F3F8;
}

.iwpUpload {
	position:relative;
	width:245px;
	float:left;
	cursor:pointer;
}

.iwpRealUpload {
	position:absolute;
	top:0;
	left:0;

	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);

	z-index:2; 

	width:220px;
	cursor: pointer;

}

.iwpEditPageSummaryButton .dijitButtonNode {
	width:85px;
}

.iwpDownloadButton {
	text-align:left;
	text-decoration:none;
	display:inline-block;
	background-color:#E4F1C3;
	width:107px;
	height:57px;
	padding-left:43px;
	padding-top:13px;
	background-image:url(/igloo/portal/themes/common/download.png);
	background-repeat:no-repeat;
	background-position: 8px 12px;
	border-radius:8px;
	cursor:pointer;
	font-size:11px;
}

/*
.iwpUploadButton {
	background-image: url(/igloo/portal/themes/common/upload.png);
    background-repeat: no-repeat;
	background-position:0 0;
	width:24px;
	height:24px;
	cursor: pointer;
	padding:0;
	margin:0;
	float:left;
}
*/

.iwpLike {
	background-image:url(/igloo/portal/themes/common/thumbs_up.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	float:left;
	text-decoration:none;
	margin-top:-2px;
}

.iwpDislike {
	background-image:url(/igloo/portal/themes/common/thumbs_down.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	float:left;
	text-decoration:none;
	margin-top:1px;
}

.iwpReportAbuse {
	background-image:url(/igloo/portal/themes/common/flag.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	float:left;
	text-decoration:none;
}

.iwpFakeUploadTextBox {
	width:185px;
	color:#999;
	font-weight:bold;
	cursor:pointer;
}

.iwpFakeUpload {
	background-image: url(/igloo/portal/themes/common/upload.png);
    background-repeat: no-repeat;
	background-position:75% 0;
	width:220px;
	/*background-color:green;*/
	height:24px;
	cursor: pointer;
	float:left;
}

.iwpBold {
	font-weight: bold;
}

.iwpNumeric {
	text-align: right;
}

.iwpInputText {
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	/*
	padding: 3px;
	border: none;
	background-color: #FFFFFF;
	*/
}

.iwpInputReadOnly {
	background-color: #dddddd;
}	

.iwpError {
	padding: 4px 8px 4px 8px;
	color: #FF0000;
}

.iwpPortletTextContent .iwpError {
	padding: 4px 0 4px 0;
}

.iwpLargeText {
	color:#8E8C8D;
	font-size:15px;
	font-weight:bold;
}

#iwpPortal {
     background-color: #ffffff;
     margin: 0px auto;
     max-width: 950px;
     padding: 0px 0px 15px;
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
}

#iwpContentArea {
     display: inline-block;
     margin: 0px 20px 15px 0px;
	 width: 79%;
     width: calc(100% - 160px);
     white-space: normal;
	 float:left;
}	 

#iwpBanner {
	position: relative;
	/* width: 950px; */
	width:100%;
	height: 200px;
}

.iwpLoginForm {
	padding:15px 7px 0 7px;
}

.iwpLoginForm .iwpInputText {
	width:100%;
	margin:2px 0 5px 0;
}

.iwpLoginForm label {
	margin:0 0 0 0;
	padding:0;
}


#iwpPhotoStrip {
	position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	height: 45px;
/*	background-image: url(/igloo/portal/themes/common/PhotoStrip.jpg);*/
}

#iwpBannerTextBlock {
	display:none;
}


#iwpBannerImage {
	position: absolute;
	bottom: 35px;
	right: 20px;
	width: 361px;
	height: 100px;
/*	background-image: url(/igloo/portal/themes/common/BannerImage.jpg);*/
}

#iwpCrest {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 100px;
	height: 100px;
/*	background-image: url(/igloo/portal/themes/common/Crest.jpg);*/
}

#iwpActionBar div.bbody {
	margin: 0px;
}


#iwpActionBar a {
	color: #FFFFFF;
	text-decoration: none;
}

#iwpActionBar a:hover, #iwpActionBar a:active {
	text-decoration: underline;
}

.iwpActionBar {
	background-color: #56A1D5;
}

.iwpLayoutControlPanel, #iwpActionBar .iwpLayoutControlPanel a {
	color:#56A1D5;
}

#iwpGroupSelector {
	margin: 0 20px 0 0;
	padding-left:12px;
    white-space: normal;
}

.iwpGroupTabs {
	margin-bottom:11px;
}
/*
#iwpGroupSelector .dijitTabInnerDiv  {
	padding:5px 8px;
}
*/
#iwpGroupSelector .dijitTab {
	margin-right:4px;
}

#iwpGroupSelector .dijitTab {
	margin-right:4px;
}

#iwpGroupSelector .dijitTab .iwpGroupSetting {
	visibility:hidden;
	padding-left:1px;
}

#iwpGroupSelector .dijitTab:hover .iwpGroupSetting {
	visibility:visible;
}


.flat #iwpGroupSelector .dijitTabContainerTop-tabs .dijitTabChecked:before {
	height:0;
}


/*#iwpFullWidthColumn {*/
.iwpColumn3 {
	/*width: 780px;*/
	width:100%;
	width:calc(100% - 15px);
	margin: 0 0 0 15px;
}

#iwpWideArea {
	float: right;
	/*width: 530px;*/
	width:66%;
}

/*#iwpWideColumn {*/
.iwpColumn2 {
	margin: 0 0 0 15px;
	/*width: 515px;*/
	width:100%;
	width:calc(100% - 15px);
}

/*#iwpColumn1, #iwpColumn2, #iwpColumn3 {*/
.iwpColumn1 {
	float: left;
	margin: 0 0 0 15px;
	/* width: 250px;  IE6 doubled float margin bug workaround */
	width:31%;
	width:calc(33% - 11px);
	display: inline;
}

/* #iwpWideArea #iwpColumn2, #iwpWideArea #iwpColumn3 { */
#iwpWideArea .iwpColumn1 {
	width:46%;
	width:calc(50% - 15px);
}

#iwpFooter {
	margin: 0 20px 0 20px;
	padding: 5px;
	clear: both;
	font-size: 10px;
    white-space: normal;
}

.iwpPortlet {
	margin: 0 0 10px 0;
}

/*
.iwpDialog {
	max-width:935px !important;
	width:100% !important;
}
*/

tr.iwpTitleBar td {
	padding: 4px 0 4px 0;
	height: 16px;
/*	background-image: url(/igloo/portal/themes/common/TitleBar.jpg);*/
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
}


div.iwpTitle {
	height: auto;
	font-size: 12px;
	font-weight: bold;
	line-height:12px;
	overflow: hidden;
	margin:2px 0 0 8px;
	/*
	padding:0;
	
	border:0;
	vertical-align:top;
	float:left;
	*/
}

.iwpPortletHiddenContent {
	display: none;
}

/* Not sure if this should actually be specified. Dark Blue background for common? */
.iwpPortletGeneralContent {
	background-color: #D4EBF9;
}

.iwpPortletTextContent {
	/* padding: 4px 10px 4px 10px; */
	padding:15px;
	/*background-image: url(TextContent.jpg);*/
	background-position: top;
	background-repeat: repeat;
}

/* Generally the same as iwpPortletGeneralContent - but at some sites may
need to override a background image with background-image:none; */
.iwpPortletIframeBackground {
	background-color: #D4EBF9;
}

/* For cases where you need to put text content in a general portlet */
.iwpPortletTextInGeneral {
	padding: 4px 8px 4px 8px;
}

.iwpStarkPortlet {
	background: none;
	border:none;
}

.iwpPortletGeneralContent .iwpGrid {
	width: 100%;
}

table.iwpGrid td, table.iwpDataGrid table td {
	padding: 4px 8px 4px 8px;
}

@media(max-width:767px) {
	#iwpPortal {
		box-shadow: none !important;
	}
	form.divFormHistory{
		width:94vw !important;
		height:85vh !important;
	}
}

@media (max-width: 767px) {
	table.iwpGrid td, table.iwpDataGrid table td {
		padding: 4px;
	}
}

table.iwpGrid td table td {
	padding: 0;
}

table.iwpGrid tr.iwpGridAlt, table.iwpGrid tr.iwpGridHeader, table.iwpDataGrid tr.iwpGridAlt, table.iwpDataGrid tr.iwpGridHeader {
}

table.iwpGrid tr.iwpGridHeader td, table.iwpDataGrid tr.iwpGridHeader table td {
	font-weight: bold;
}

.iwpDataGrid .dojoxGrid-cell  { 
	background-color: white;
}

.iwpEditableCell {
	background-color:#FCFBE5 !important;
}

.iwpEditableCellHover {
	background-color:#F9F7BA !important;
	border:1px solid black !important;
}

table.iwpGrid tr.iwpGridHilite {
	background-color: #CCDAE0;
}

table.iwpGrid tr.iwpGridHilite2 {
	background-color: #F3C99E;
}

.iwpGridFileBlock .iwpDownloadLink {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.iwpGridFileBlock:hover .iwpDownloadLink {
    opacity: 1;
    filter: alpha(opacity=100);
}

table.iwpTable td, table.iwpTable th {
	padding: 4px 8px 4px 8px;
}

table.iwpTable tr.iwpTableAlt {
}

table.iwpTable tr.iwpTableHeader td {
	font-weight: bold;
}

table.iwpTable tr th {
	font-weight:bold;
	vertical-align:top;
}

table.iwpTable tr th.iwpHighlightHeader {
	font-weight:bold;
	background-color:#ddd;
	font-size:14px;
	padding:8px;
}

table.iwpTable tr th.iwpHighlightHeader2, .iwpHighlightHeader2 {
	font-weight:bold;
	background-color:#E1EDF7;
	font-size:14px;
	padding:2px 8px;
}

table.iwpTable tr th.iwpHighlightHeader3 {
	font-weight:bold;
	background-color:#B9BD9C;
	font-size:12px;
	padding:1px 8px;
	color:white;
}

table.iwpTableLargeText td, table.iwpTableLargeText th, .downloadTitle {
	/*font-size:18px;*/
	font-size:16px;
}

.iwpDropIndicator {
	position: absolute;
	z-index: 999;
	border-top: 1px solid #000000;
}

.iwpFormTable {
	margin: 10px 0 10px 0;
}

.iwpFormTable td {
	padding: 3px;
}

.iwpFormTableSmall {
	margin: 5px 0 5px 0;
}

.iwpFormTableSmall td {
	padding: 2px;
}
.iwpFormLabel {
	font-size: 11px;
	/* text-transform: uppercase; */
	white-space: nowrap;
}

.iwpFormLabelRight {
	/* text-transform: uppercase; */
	white-space: nowrap;
	text-align: right;
}

.iwpFormLabelGray {
	white-space: nowrap;
	color:#555;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
}
.iwpFormButtons {
	padding: 10px 0 0 0;
	text-align: right;
}

.iwpFormButtons .iwpFormButtons {
	padding: 0;
	text-align: left;
	float: right;
}

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

.iwpHeaderSearchBar {
	padding:4px 2px;
	text-align:right;
	white-space:nowrap;
}

.iwpWideLabel {
	display:inline-block;
}

.iwpColumn1 .iwpHeaderSearchBar {
	padding-right:3px;
}

.iwpColumn1 .iwpWideLabel {
	display:none;
}

/*.iwpColumn1 .iwpHeaderSearchBar .iwpNavDatePicker {
	width:calc( (100% - 36px) / 2 );
}*/


@media (max-width: 800px) {
	.iwpHeaderSearchBar {
		text-align:center; 
	}
	
	.iwpWideLabel{
		display:none;
	}

	.iwpHeaderSearchBar .iwpNavDatePicker {
		width:calc( (100% - 36px) / 2 );
	}

}

.iwpFormButtons.iwpFooterBar{
	padding: 10px 3px 4px 3px;
}

table.iwpFormTable2 .iwpFormLabel {
	background-color:#eee;
	width:100px;
	padding:4px;
	height:23px;
}

table.iwpSummaryTable {
	margin: 0px;
	padding: 2px 0 0 0;
}

table.iwpSummaryTable tr.iwpSummaryHeading td {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #999999;
}

table.iwpSummaryTable tr.iwpSummaryFooter td {
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #BBBBBB;
}

table.iwpSummaryTable tr.iwpSummaryHeading td.iwpSummaryImage {
	vertical-align: top;
	padding: 0px 5px 0px 0px;
	border-bottom: 0px;
}

table.iwpSummaryTable td.iwpSummaryLabel {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

tr.iwpTitleBar .iwpButtonBar {
	width: 64px;
	padding: 0 8px 0 8px;
	float: right;
}

tr.iwpTitleBar .iwpIconBar {
	/*width: 20px;
	padding: 0 8px 0 8px;*/
	padding:0;
	float: left;
}

tr.iwpTitleBar td {
	display:block;
	height:25px;
}

.iwpIFrame {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.dojoDndHandle {
	cursor: pointer;
}

.iwpIcon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

.iwpIconLink {
	padding-right: 21px;
	background-position: right;
	background-repeat:no-repeat;
}

a.iwpIconLink {
	background-image: none;
	color:#1C292C;
}

.iwpIconBar .iwpIcon {
	margin-right: 4px;
	float: left;
}

.iwpIconEdit {
	background-image: url(/igloo/portal/themes/common/EditLo.png);  
}
.hover .iwpIconEdit {
	background-image: url(/igloo/portal/themes/common/EditHi.png);  
}

.iwpButtonBar .iwpIcon {
	cursor: pointer;
	float: right;
}

a.iwpEditableImage {
	position: relative;
	display:inline-block;
}

a.iwpEditableImage img {
	display:block;
}

a.iwpEditableImage div.caption {
	display: none; position: absolute; bottom: 0; right:0; background: #555; padding: 1px 2px; color: #ddd;
}
a.iwpEditableImage:hover div.caption {
	display:block;
}
a.iwpEditableImage:hover img {
	opacity:0.5;
}

.iwpHelpBlock {
	background-image: url(/igloo/portal/themes/common/information.png);
    background-repeat: no-repeat;
	background-position:10px 10px;
	padding:10px 10px 10px 38px;
	border:1px solid #D1D7FF;
	background-color:#F2F4FF;
	color:#666;
	margin-top:10px;
}

.iwpEditableSection {
	padding:15px 5px;
	background-color:#5E5858;
}

.iwpEditableSection label, .iwpEditableSection p, .iwpEditableSection legend {
	padding-left:0;
	color:white;
}

.tinymceTableBorder {
	border-collapse:collapse;
}

.tinymceTableBorder th, .tinymceTableBorder td{
	border:1px solid black;
}

.tinymceImgFullWidth {
	width:100%;
	height:auto;
	max-width:100%;
}

/*-----------------------------------------------------------------------------
 * This section is to do with readonly checkbox lists
 */

.iwpPressed, .iwpUnPressed {
	display:inline-table;
	height:10px;
	margin:0;
	padding:0;
	width:10px;
}

.iwpTick, .iwpUnTick {
	border:1px solid black;
	display:inline-table;
	height:10px;
	width:10px;
	margin:0;
	padding:0;
	background-color:#dddddd;
}

.iwpTick {
	background-image: url(/igloo/portal/themes/common/tick.png);
}

.iwpIconHelp {
	background-image: url(/igloo/portal/themes/common/help.png);
    position:relative;
}
table.iwpReadOnlyButton {
	padding:0;
	margin:0;
	display:inline;
}

table.iwpReadOnlyButton tr,
table.iwpReadOnlyButton tr td
{
	padding:0;
	margin:0;
}

table.iwpReadOnlyButton tr td.lbl
{
	padding-left:4px;
}

/*
.field {
	display:flex;
}

.field label {
	padding:0;
}

.field .iwpInputText {
	display:inline-block;
	flex:1;
}

.field.buttons {
	float:right;
}
*/

.dijitButton {
	margin:0;
}
label {
	padding-left:5px;
	font-weight:normal;
}

.iwafLoadingPanel {
	background-color:white;
	border:1px solid gray;
	background-image: url(/igloo/portal/themes/common/loading.gif);
	background-repeat:no-repeat;
	background-position:20px 80px;
	position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;	
	
	padding: 20px;
	height: 150px;
	width: 300px;
	z-index: 20000;
}

/*-------------------------------------------------------------------------------
 * Spinner in title bars
 */
/*
.iwpIconLoading {
	background-image:url(/igloo/portal/themes/common/LoadingSpin.gif);
}

.iwpIconLoaded {
	background-image: url(/igloo/portal/themes/common/Loaded.png);  
}
*/

.iwpIconLoading {
	width:20px;
	margin:0 8px;
	background-image:url(/igloo/portal/themes/common/LoadingSpin.gif);
}

.iwpIconLoaded {
	width:20px;
	margin:0 8px;
	display:none;
}

.iwpTitleLoading {
	margin-left:32px;
}

.iwpTitleLoaded {
	/*visibility:none;*/
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 0.3s;	
	-webkit-animation-duration: 0.3s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-in-out;		
}

@keyframes slideLeft {
	from{margin-left:32px;}
	to{margin-left:8px;}
}

/*
.iwpIconLoading, .iwpIconLoaded {
	display:none;
}
*/
/*------------------------------------------------------------------------
 * Data Grids
 */

.iwafGridSpinner {
	background: url(/igloo/portal/themes/common/loading2.gif)/igloo/portal/themes/common/no-repeat center;
	padding-top: 60px;
	height: 32px;
	width: 100%;
	position: relative;
	z-index: 20000;
}

.iwafGridCommandButton {
	text-decoration: underline;
	font-weight: bold;
}

a.iwafGridCommandButton:hover, a.iwafGridCommandButton:active {
	color: #fff;
}

/* for when it done as a span (old style databinding) */
.iwafGridNoData {
    padding: 4px 0px 10px 18px;
    margin: 0px 10px 4px 10px;
	background-image: url(/igloo/portal/themes/common/information.png);
    background-repeat: no-repeat;
	background-position:0 4px;

}

/* for when it done as a label control (new style databinding) */
.iwafGridNoDataLabel {
    display: block;
    padding: 4px 0px 10px 18px;
    margin: 0px 10px 0px 10px;
	background-image: url(/igloo/portal/themes/common/information.png);
    background-repeat: no-repeat;
	background-position:0 4px;

}

.iwafBackToTop {
	float:right;
    padding: 4px 0px 10px 18px;
	background-image: url(/igloo/portal/themes/common/arrow_up_blue.png);
    background-repeat: no-repeat;
	background-position:0 4px;
	font-size:14px;
}

.iwafRepeaterNoData {
	padding-left:18px;
	height: 16px;
    text-decoration:none;
	background-image: url(/igloo/portal/themes/common/information.png);
    background-repeat: no-repeat;
	background-position:0 0;}


.iwpIconLinkMedicalAlert {
	background-image: url(/igloo/portal/themes/common/MedicalAlert.png);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left: 18px;
}

.iwpIconComment {
	background-image: url(/igloo/portal/themes/common/comment.png);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left: 18px;
	height:16px;
}


/*Changes default hover color */
.tundra .dojoxGrid-row-over .dojoxGrid-cell {
        background-color:#f3f3f3;
        color:#000;
}



/*---------------------------------------------------------------------
 * Tab Container
 *
 * Make the tab container background transparent.......
 */
 
.tundra .dijitTabPane, .tundra .dijitTabPaneWrapper {
   background-color: transparent;
}

/*
 * Override tundra definition
 */
.tundra .dojoDndItemOver {
	cursor:default;
}


/* This is here so that dialogs have a slightly lower zIndex 
 * so that things like the date picker appears above it. Goes
 * with customisation in Dialog.js
 */
/*This change was undone (commented out) 22/08/2011 by Adam & Ak to resolve a ghosting/screen locking issue.*/
/*
.dijitDialogUnderlayWrapper {
	z-index:980;
}
*/

/*---------------------------------------------------------------------
 * Navigation Date Picker
 */

.iwpNavDatePicker {
	width:103px;
	font-size:12px;
}

.iwpSingleDatePicker {
	min-width:103px;
}

/*
.iwpNavDatePicker input {
	padding-top: 4px;
	background-color: #FFAAAA;
}
*/

.iwpNavDatePicker .dijitValidationInner {
	display:none;
}

.iwpPortletContentPane  {
	overflow:visible;
	color:#ff0000;
}

.dijitDateTextBox .dijitArrowButton {
	box-sizing:content-box;
}

/*----------------------------------------------------------------------
 * Sidebar
 */
 
#iwpSideBar {
   overflow:hidden;
}
 
.iwpSidebarNameLarge, .iwpSidebarNameSmall, .iwpSidebarNameMedium {
 	font-family: Arial, Helvetica, sans-serif;
 	color:#FFFFFF;
 	font-weight: bold;
 	display: block;
 	overflow:hidden;
}

.iwpSidebarNameLarge {
 	font-size:16px;
 	padding-top: 5px;
 	padding-left: 5px;
 	padding-right: 5px;
}	

.iwpSidebarNameSmall {
 	font-size:12px;
 	width: 54px;
 	float: right;
}

.iwpSidebarNameMedium {
 	font-size:14px;
}

.iwpSidebarSeparator {
 	display: block;
	width:100%;
	height:7px;
	margin-bottom:5px;
	margin-top:3px;
	background-color:#ffffff;
}

.iwpSidebarImageLarge, .iwpSidebarImageSmall {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

.iwpSidebarImageLarge {
	margin-left: auto;
	margin-right: auto;
	text-align:center;	
}

/*
#iwpMobileMenuButton {
	background-image:url(/igloo/portal/themes/common/mobile_menu.png);
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	display: none;
	position: absolute;
	top:20px;
	left:20px;
	z-index: 10;
}

#iwpMobileMenuButton.close {
	background-image:url(/igloo/portal/themes/common/mobile_menu_close.png);
}
*/

.glyphicon-menu-hamburger {
	font-size:1.6em;
}

#iwpActionBar .glyphicon {
	padding-right:5px;
}

#iwpMobileNavBar {
	background-color:rgb(248, 248, 248);
	border-bottom:1px solid rgb(231, 231, 231);
}

#iwpMobileNavBar button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
	margin-top:4px;

	z-index:1001;
}

.navbar {
	margin-bottom:0 !important;
}

.navbar-brand
{
	text-decoration:none;
	transform: translateX(-50%);
	left: 50%;
	position: absolute;	
	background-image: url(/igloo/portal/themes/common/igloo_logo.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:0 14px;
	padding-left:25px;
	/*
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin:0 auto;
	*/
}

#navDropDownContainer {
	padding-top:8px;
	padding-right:0px;
}

@media (max-width: 320px) {
	#navDropDownContainer {
		font-size:11px;
	}
}


#navDropDownContainer .dijitDropDownButton .dijitButtonNode {
	background-color:#F8F8F8;
	border-color:#F8F8F8;
	padding-right:2px;
}

#navDropDownContainer .dijitDropDownButton .dijitButtonText {
	padding: 0 0 0 4px;
	background-color:#F8F8F8;
	border-color:#F8F8F8;
	padding-right:2px;
}

#navDropDownContainer .dijitDropDownButton .dijitArrowButtonInner {
	margin-left:0;
}

#iwpMobileNavBar .navbar-brand img {
	width:48px;
	height:48px;
}

.iwpHidden {
	display:none;
}

.iwpActionBarGroupSetting {
	float:right;
	color:#aaa;
}

.iwpActionBarGroupSetting:hover {
	color:#ccc;
}

.iwpHeaderNav {
	margin: 15px 10px;
	font-size:11px;
	display:none;
}

@media (min-width: 768px) {
	#iwpMobileNavBar {
		display:none;
	}
}
 
@media (max-width: 767px) {
	#iwpBanner {
		display:none;
	}
	#iwpBodyBackground {
		margin-top:15px !important;
	}
	
	#iwpBodyBackground #iwpActionBar {
		
		background-color:#545A64; 
		
		display:none;
		margin:0 !important;
		position:absolute;
		/*top:50px;*/
		top:0;
		left:0;
		z-index: 3;
	}
	
	#iwpActionBar.actionBarOpen .glyphicon {
		padding-right:7px;
	}

	#iwpBodyBackground #iwpActionBar.actionBarOpen {
		width:280px;
		display:block;
		
		animation-name: openActionBar;
		-webkit-animation-name: openActionBar;	
		animation-duration: 0.3s;	
		-webkit-animation-duration: 0.3s;
		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;		
	}
	
	@keyframes openActionBar {
		from{width:0px;}
		to{width:280px;}
	}

	
	#iwpActionBar.actionBarOpen .iwpSidebarButton {
		font-size:14px;
		margin:10px;
		width:calc(100% - 20px);
	}

	#iwpBodyBackground #iwpActionBar.actionBarClosed {
		width:0px;
		padding:0;
		margin:0;
		display:block;
		animation-name: closeActionBar;
		-webkit-animation-name: closeActionBar;	
		animation-duration: 0.3s;	
		-webkit-animation-duration: 0.3s;
		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;		
	}
	
	@keyframes closeActionBar {
		from{width:280px;}
		to{width:0px;}
	}
	
	
	/*
	.iwpPortletContentCell  {
		overflow:hidden;
	}
	*/

	#iwpContentArea {
		width:calc(100% - 30px);
		display:flex;
		flex-direction:column;
	}
	
	.iwpColumn, #iwpWideArea .iwpColumn {
		width:100%;
		height:auto !important;
	}
	
	#iwpWideArea, .iwpPortlet {
		width:100%;
	}
	
	#iwpActionBar.actionBarOpen .divGroups {
		display:block;
	}
	
	#iwpActionBar.actionBarOpen h2 {
		display:block;
	}
	
	#iwpGroupSelector {
		display:none;
	}	
	#navDropdown {
		display:block;
	}
}

#iwpActionBar {
	 display:block;
     background-color: #56a1d5;
     color: #ffffff;
     height: 100%; /*auto !important;*/
     margin: 0px 0px 15px 20px;
     min-height: 300px !important;
     padding: 3px;
     width: 114px;
	 float:left;
     white-space: normal;
}

#iwpActionBar h2 {
	color:#aaa;
	border-bottom:2px solid #aaa;
	margin:7px;
	width:calc(100% - 14px);
	text-transform:uppercase;
	font-size:12px;
	display:none;
}

#iwpActionBar .divGroups {
	display:none;
}

#iwpActionBar .iwpSidebarButton.iwpLoginButton {
	font-size:inherit;
	margin:7px;
	width:88%;
	width:calc(100% - 14px);
	float:left;
	background-color:#D6D6EB;
	padding-top:4px;
	padding-bottom:4px;
	color:#666666;
	text-align:center;
	border-radius: 3px;	
	text-decoration:none;
}

#iwpActionBar .iwpSidebarButton.iwpLoginButton:hover {
	text-decoration:none;
	background-color:#E7E7FC;
}
	
/* sidebar button in the main action bar, and also popup sidebars */
#iwpActionBar .iwpSidebarButton, .iwpSidebarButton {
	font-size:12px;
	margin:5px;
	width:calc(100% - 10px);
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	color:#eee;
	text-align:left;
}

#iwpActionBar .iwpSidebarForgotPassword {
	font-size:12px;
	float:left;
	margin:7px 5px 5px 5px;
	width:88%;
	width:calc(100% - 10px);
	height:14px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	font-weight:normal;
}

#iwpActionBar .iwpLayoutControlPanel a {
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}	

.iwpLayoutModify {
	cursor:pointer;
	text-decoration:none;
}

.iwpLayoutModify:hover {
	text-decoration:underline;
}

.iwpInactivePortlet {
	color:#FF6600;
}

#iwpActionBar .iwpLayoutPublish {
	margin-top:0;
	
}
 
tr.optionalPaymentChecked td {
	color:black;
}

tr.optionalPaymentChecked td input.iwpInputText {
	color:black;
}

tr.optionalPaymentUnchecked td {
	color:#999;
}

tr.optionalPaymentUnchecked td input.iwpInputText {
	color:#999;
}

legend {
	font-size:14px;
	margin-bottom:3px;
}
/*
fieldset {
	border:1px solid #999;
	padding:5px;
	margin-bottom:5px;
}
*/
/*----------------------------------------------------------------------
 * Classes as a workaround for our lack of being able to use some 
 * html tags
 */
h1, .h1 {
clear:both;
display:block;
font-weight:bold;
font-size:17px;
margin-bottom:5px;
}

h2 {
font-size:15px;
}

h3 {
font-size:14px;
}

h4 {
margin:0 0 2px 0;
}

h1.portal_title {
display:none;
}

/*----------------------------------------------------------------------
 * Modify Layout/Edit Page styles
 */

/*
#editPagePortlet {
width:940px;
height:250px;
color:white;
background-color:#484242;
padding:5px;
}
 
#editPageSearch {
width:225px;
padding:5px;
height:200px;
float:left;
}
*/

#editPage {
	/*style="width:930px;height:250px;color:white;background-color:#484242;padding:10px;"*/
	width:930px;
	height:250px;
	color:white;
	background-color:#484242;
	padding:10px;
}

#iwpEditPage #MLPID {
	font-size:11px;
}


.btnGroupBack {
background-color:#93A0A9;
width:205px;
height:34px;
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:11px;

}

.btnGroupSubscribe {
background-color:#4D6572;
width:205px;
height:34px;
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
}

/* Modify Layout Portlet */
.iwpModifyLayoutPortletContainer {
/*width:940px;*/
width:100%;
height:230px;
color:white;
background-color:#484242;
padding:5px;
display:flex;
flex-direction:row;
white-space:normal;
}

.iwpModifyLayoutPortletContainer .sectionContainer {
	width:25%;padding:5px;
	/*height:200px;*/
}

.iwpModifyLayoutPortletContainer .editPageSearch {
	font-size:12px;
}

.iwpModifyLayoutPortletContainer .editPageSearch .section {
	overflow:wrap;
}

.iwpModifyLayoutPortletContainer .section {
	height:180px;
	padding:10px;
	background-color:#5E5858;
}

.iwpModifyLayoutPortletContainer h2 {
	margin:0 0 10px 0;
}

.editPageSearch .section {
	background-color:#545050;
}

.editPageIglooStuff .section {
	overflow:auto;
}

.iwpModifyLayoutPortletContainer .repeaterScroller {
	height:130px;
	overflow:auto;
}
.editPagePortletInfo .section {
	background-color:#4B5459;
}

.editPagePortletInfoContent {
	height:130px;
	overflow: auto;
}
/* END Modify Layout Portlet */

.btnGroupSubscribed, .btnGroupPending {
background-color:transparent;
/*padding-bottom:4px;*/
/*padding-left:17px; */
width:215px;
height:30px;
color:#8CAA84;
text-transform:uppercase;
font-weight:bold;
/*background-image: url(check.png);
background-repeat: no-repeat;
background-position:15px 6px;*/
font-size:13px;
}

.btnGroupPending {
/*background-image: url(information.png);*/
color:#8C8CAA;
}

/* the moreArrow classes are used to generate a css more arrow link in the 'My Children' block (iwpParentStudentListPortlet) */

a.moreArrowBody {
float:left;
font-size:13px;
white-space:nowrap;
background-color:#2087e3;
padding:8px;
color:white;
text-decoration:none;
font-weight:normal;
border-radius:3px;
}

/*
.moreArrow {
width:50px;float:left;
white-space:nowrap;
}

.moreArrowBody {
float:left;background-color:#2087e3;padding:2px 1px 2px 4px;color:white;text-decoration:none;height:21px;
}

.moreArrowHead {
float:left;width:0px;height:0px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #56A1D5;
}
*/

/* Comment Bubble http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */

.commentBubble {
	position:relative;
	padding:15px;
    margin: 0 0 0 185px; /* was 30px for the left */
	color:#000;
	background:#F8F8F8;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
}

.commentBubble.originalPoster {
	background:#F0F3F8;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.commentBubble:after {
	content:"";
	position:absolute;
	top:16px; 
	left:-30px; 
	bottom:auto;
	border-width:10px 30px 10px 0;
	border-color:transparent #F8F8F8;
	border-style:solid;
   
    display:block; 
    width:0;
}

.commentBubble.originalPoster:after {
	border-color:transparent #F0F3F8;
}

.iwafThumbnailList {
/*	display:inline; */
	padding:0;
	margin:0;
}
.iwafThumbnailList li {
	display:inline;
	margin-right:5px; 
	list-style:none;
	width:45px;
	padding:0;
}
.iwafThumbnailList li img, .iwafThumbnailList li span {
	margin:0;
	padding:0;
	border:0;
}

.iwpWhitespaceBackground {
	background-color:white;
}

.iwpWhitespaceBackground .iwpInputText {
border: 1px solid #ddd;
}

.iWiseLinkButtons img {
	width:46px;
	height:46px;
}

/*----------------------------------------------------------------------
 * OLD Quick Links styles
 */

#quicklinks {
width: 760px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin-bottom:5px;
}

#quicklinks .cel-1 {
width: 122px;
}

#quicklinks a.left {
margin-left:0px;
}

#quicklinks .cel-2 {
width: 249px;
}

#quicklinks a{ 
text-decoration:none; 
color: #fff;
text-align:center;
margin-left: 5px;
margin-top: 5px;
background:#1a2155; float:left;
height: 122px;
}

#quicklinks a:hover { 
background:#7f82a2; 
}

#quicklinks label{
display:block;
}

#quicklinks .icon {
padding: 10px;
}

#quicklinks img {
border:0;
} 

/*----------------------------------------------------------------------
 * NEW Quick Links styles as used in the Quick Links Roll your own block. 
 * 760px effective width of 3col cell. 495px effective width of 2col cell.
 * Naming explained: w2col3pr = "width 2 column, 3 per row" (3 quick links per 
 * row))" etc
 */

.quicklinks {
/*width: 760px;*/
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin-bottom:5px;
}

/* QuickLinks (the actual links) Styles */
.quicklinks a { 
text-decoration:none; 
color: black;
text-align:center;
margin: 5px 0 0 0;
float:left;
padding-top:14px;
height:100px;
width:100%;
/* Light Gray Background Block Square with color change on hover */
/*background:#eee;*/
/* Opacity Change on Hover */
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
position:relative;
}

.quicklinks a:hover { 
/* Light Gray Background Block Square with color change on hover */
/*background:#7f82a2;*/
/* Opacity Change on Hover */
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

/* QuickLinks (the actual links) Sizes */
/*
.quicklinks.w1col3pr a { width: 75px; }
.quicklinks.w1col4pr a { width: 56px; }
.quicklinks.w2col3pr a { width: 165px; }
.quicklinks.w2col4pr a { width: 122px; }
.quicklinks.w2col5pr a  { width: 97px; }
.quicklinks.w2col6pr a  { width: 80px; }
.quicklinks.w3col3pr a { width: 250px; }
.quicklinks.w3col4pr a { width: 188px; }
.quicklinks.w3col5pr a { width: 150px; }
.quicklinks.w3col6pr a { width: 123px; }
*/

.quicklinks.w1col3pr .cell { width: 33%; }
.quicklinks.w1col4pr .cell { width: 24.5%; }
.quicklinks.w1col5pr .cell { width: 33%; }
.quicklinks.w1col6pr .cell { width: 33%; }
.quicklinks.w2col3pr .cell { width: 33%; }
.quicklinks.w2col4pr .cell { width: 25%; }
.quicklinks.w2col5pr .cell  { width: 20%; }
.quicklinks.w2col6pr .cell  { width: 16%; }
.quicklinks.w3col3pr .cell { width: 33%; }
.quicklinks.w3col4pr .cell { width: 25%; }
.quicklinks.w3col5pr .cell { width: 20%; }
.quicklinks.w3col6pr .cell { width: 16%; }


/* QuickLinks Edit Button Sizes */
.quicklinks a.editButton { background-color:#eee;height:22px;padding:5px 0 0 0; }
.quicklinks.w1col3pr a.editButton { width:17px;  margin-left:3px;}
.quicklinks.w1col4pr a.editButton { width:15px; margin-left:0;}
.quicklinks.w2col3pr a.editButton { width:37px; }
.quicklinks.w2col4pr a.editButton { width:26px; }
.quicklinks.w2col5pr a.editButton { width:20px; }
.quicklinks.w2col6pr a.editButton { width:17px; }
.quicklinks.w3col3pr a.editButton { width:58px; }
.quicklinks.w3col4pr a.editButton { width:42px; }
.quicklinks.w3col5pr a.editButton { width:33px; }
.quicklinks.w3col6pr a.editButton { width:26px; }

.quicklinks a.left {
margin-left:0px;
}

.quicklinks label {
display:block;
position:absolute;
bottom:3px;
cursor:pointer;
width:100%; /* Fallback if calc() not supported */
width:calc(100% - 5px);
height: 21%;
/*word-break: break-all;*/
}

.quicklinks .icon {
padding: 10px;
}

.quicklinks img {
border:0;
max-width: 100% !important;
max-height: 70% !important;
} 

.iwpFlexiSchoolsReturnedData ul { 	
padding-left:13px;
margin-top:0;
margin-bottom:0;
}

/** START: SUB PAGES CHANGES **/
.iwpTopbarButton {
	background-repeat:no-repeat;
	background-position:0 0;
	background-size: 15px 15px;
	padding-left:18px;
}

.iwpSettingsButton {
	background-image:url(/igloo/portal/themes/common/settings.png);
}

.iwpLogoutButton {
	background-image:url(/igloo/portal/themes/common/logout.svg);
	background-size:14px 14px;
}

.iwpFilterItem {
	padding:2px 3px;
	display:inline-block;
	margin-left:3px;
	cursor:pointer;
	border:1px solid white;
}

.iwpFilterItem img {
	vertical-align:middle;
}
.iwpFilterItemSelected {
	/*filter: grayscale(0.5) blur(10px);*/
	background-color:#eee;
	border:1px solid gray;
}

/**
 * Some TopMenu Styling
 * .tundra .iwpMenuBar targets all items in the actual horizontal bar. Use for border/background color/font-size.
 * .tundra .iwpMenu targets the dropdown box popup (not a descendent of MenuBar). Use for for border.
 * .tundra .iwpMenu .dijitMenuItem each menu item in the drpodown box popup (not in the top bar). Use this for bgcolor
 
 * .tundra .iwpMenu .dijitMenuItemIcon text icon part of dropdown box popup. (not in the top bar)
 * .tundra .iwpMenu .dijitMenuItemLabel text label part of dropdown box popup. (not in the top bar)
  */

/* top bar */

.tundra .iwpMenuBar {
	background-color:white;
	border:none;
	font-size:13px;
}

/* dropdown popups */
.tundra .iwpMenu .dijitMenuItem {
	background-color:white;
	padding:20px;	
	font-size:13px;
}

.iwpSubPageNav {
	margin:7px;
	padding:5px 2px;
	/*background-color:#D4EBF9;*/
}

.iwpSubPageNav h3 {
	font-size:100%;
	font-weight:normal;
	padding:2px;
	color:black;
	background-color:#D6D6EB;
	margin:0 0 2px 0;
}

.iwpSubPageNav li {
	font-size:100%;
	color:white;
	/*background-color:#C5C5DA;*/
	margin-bottom:2px;
	padding:2px 2px 2px 17px;

	background-image: url(/igloo/portal/themes/common/document.png);
    background-repeat: no-repeat;
	background-position:0px 3px;
}

.iwpSubPageNav li.iwpSubPageNavSelected {
	/*background-color:#B4B4C9;*/
	font-weight:bold;
}

/** END: SUB PAGES CHANGES **/

/*----------------------------------------------------------------------
 * Dojo Grids
 */

/* Dojo grids for some stupid reason reduce the size of the text. Since
 * our font size is already too small this makes things quite hard to read.
 */
.tundra .dojoxGrid {
    font-size: 100%;
}
/* Disabled fields
* Make the disabled fields more diasbly
*/
input[disabled],input[disabled="disabled"], input.disabled,select[disabled],select[disabled="disabled"], select.disabled
 {
  background-color: #f5f5f5;
}

/* Removes bottom horizontal scrollbar */

.iwpDataGrid .dojoxGrid-scrollbox, .iwpGrid .dojoxGrid-scrollbox {
	overflow-x: hidden;
	overflow-y: auto;
	
}

.iwpDataGrid #dojox_GridView_0 {
	background-color: #fff;
}

.iwpDataGrid .dojoxGrid-view {
 background-color: #fff;
}

ul.academicReports, ul.academicReports li {
	list-style:none;
	padding:0;
	margin:0;
}

ul.academicReports li a {
	background-image: url(/igloo/portal/themes/common/document.png);
	background-repeat: no-repeat;
	padding-left:20px;
}

/* Twitter Widget Styling */

.iwpTwitterBodyBackground {
	background-color:#FFF;
	background-image:none;
}

.flat .dijitContentPane {
	background-color:inherit;
	padding:0;
}
/*
Twitter Widget has changed and uses different classes/ids etc 
so temporarily commenting out extra styles just to get it rendering 

.twtr-widget { 
	background: #333 !important; 
	
	/ *** cross browser box shadow *** /
	-moz-box-shadow: 0 0 2px #fff;
	-webkit-box-shadow: 0 0 2px #fff;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3)';
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=3);
	box-shadow: 0 0 2px #fff;

	/ *** kind of cross browser rounded corner *** /
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.twtr-doc { }
.twtr-hd { background: #333; }
.twtr-widget .twtr-bd .twtr-tweet {	background: #d4ebf9; }
/ * NOTE: The following only styles the first twitter widget on the page.
   You may need to repeat the following for more than one widget id's - 2,3,etc * /
#twtr-widget-1 .twtr-tweet a { color: #056a1d !important;  }
#twtr-widget-1 .twtr-tweet-text p { }
*/

/* Account Settings Section [iwpHomeMyDetailsEditablePortlet] starts*/

#iwpHomeMyDetailsEditablePortlet #mainTabContainer .dijitTabContainerTopNone{
    left:0 !important;
} 

.full-width, .mainTabDiv div.dijitTabListContainer-top,.mainTabDiv div.dijitTabContainerTop-container{
    width: 100% !important;
}

.mainTabDiv div.dijitTab {
    padding: 6px 4px !important; /* 1.5% 1%*/
}

.mainTabDiv div.dijitTabContainerTopNone {
    left:7px !important;
}


.mainTabDiv div.dijitTabContainerTop-container div.dijitContentPane{
    height:100% !important;
    width: 100% !important;
}

.full-height{
    height:100%;
}

.height-90{
	height:90%;
}

.height-80{
	height:80%;
}

.height-70{
	height:70%;
}

.height-30{
	height:30%;
}

.height-20{
	height:20%;
}

.height-10{
	height:10%;
}

.myDetailAllTabs{
	background-color:white;
	padding-top:2% !important;
	padding-bottom:2% !important;
}

.tableEdit td input.iwpInputText, .tableAddress td input.iwpInputText, .tabDisplay td input.iwpInputText, .tabAccess td input.iwpInputText,.tabMail td input.iwpInputText, .tabBilling td input.iwpInputText, .tabWork td input.iwpInputText, .tabNotifications td input.iwpInputText{
    padding:2px 2px !important;
}

.tableAddress td,.tabPrivacy td, .tabDisplay td, .tabAccess td, .tabMail td, .tabBilling td,.tabWork td,.tabNotifications td{
    padding:3px;
}

.tabPrivacy td.iwpHighlightHeader2, .tabAccess td.iwpHighlightHeader2{
	padding: 2px 8px;
}

.tabPrivacy tr td{
    text-align: left !important;
}

.mainTabDiv select{
    padding: 1px 1px;
}

.tabMail tr,.tabBilling tr{
    padding-left:0px !important;
}

.label-text label{
    padding-left: 0px;
    white-space: pre-wrap !important;
}

.addressTabContainer div.dijitTabController div.dijitTabListWrapper, .addressTabContainer div.nowrapTabStrip.dijitTabContainerTop-tabs {
    width: 100% !important;
}

@media (width: 320px) {
	.addressTabContainer div.dijitTabContainerTop-container{
		top: 33px !important;
		/*height: 401px !important;*/
	}
}

@media(min-width: 767px){
	.mainTabDiv .dijitTabContainerTopChildWrapper{
		height: 99.5% !important;
	}
}

.cbTextSameAs label{
	float: right;
    width: 70%;
} 

.iwpPhotoAndBio {
	width:50%;
	display:inline-block;
	float:left;
}

.iwpRecentActivity {
	width:50%;
	display:inline-block;
	float:right;
	padding:0 0 0 7px;
}
.iwpRecentActivityScroller {
	overflow:auto;
	height:390px;
	width:100%;
}

.pnlEditArea .dijitTabContainerTop-container{
	overflow-y:auto;
}

.pnlEditArea .dijitContentPane{
	overflow:hidden;
}

@media (max-width: 767px) {
	.tbBio {
		height:80px !important;
	}
	
	.iwpActionBar {
		display:none;
	}

	.iwpPhotoAndBio {
		width:100%;
		display:inline-block;
		float:left;
		padding: 2% 0;
	}

	.iwpRecentActivity {
		width:100%;
		display:inline-block;
		clear:both;
		padding: 2% 0;
	}
	
	.iwpRecentActivityScroller {
		height:170px;
	}	
	
	.pnlEditArea .iwpHelpBlock{
		margin-bottom: 2%;
		margin-top: 2%;
	}

	.myDetailAllTabs .iwpHighlightHeader2 {
		display:none;
	}
	
	.media-padding{
		padding: 2% 0;
	}
}

@media (min-width: 480px) and (max-width:600px){
	.tabNotifications .subsrcibeBtn{
		padding-right:0;
	}
}

/* Account Settings Section [iwpHomeMyDetailsEditablePortlet] Ends*/

/* My Children Section [iwpParentStudentListPortlet] Starts */
.iwpSummaryImageLinkSmall {
	margin-right:5px;
	display:table-cell; 
	vertical-align:middle;
}

.iwpSummaryImageLinkSmall img {
		width:40px;
		height:50px;
}

.iwpParentStudentListPortletContainer {
	padding:15px;
}

.iwpColumn1 .iwpParentStudentListPortletContainer {
	padding:5px;
}

/* 
if in non mobile mode. for 1 column mode, hide the large summary image
if in 2 column mode, hide the small summary image
*/
@media (min-width: 768px) {
	.iwpColumn1 .iwpSummaryImage {
		display:none;
	}
	.iwpColumn2 .iwpSummaryImageLinkSmall, .iwpColumn3 .iwpSummaryImageLinkSmall {
		display:none;
	}
}

/*
if in mobile mode
hide the large summary image
*/
@media (max-width: 767px) {
	.iwpParentStudentListPortletContainer {
		padding:5px;
	}
	
	.iwpSummaryImage {
		display:none;
	}
}

/* My Children Section [iwpParentStudentListPortlet] Ends */

/* File Detail Block starts */

.iwpFileDetailsPortlet .mainTabContainer{
	overflow:auto;
	padding-right:0;
	/*height:89% !important;*/
}

.iwpFileDetailsPortlet .mainTabContainer .tabFileDetails{
	background-color:white;
	padding:9px;
	width:100% !important;
	/*height:100% !important;*/
}

.iwpFileDetailsPortlet .fileuploadsection a.iwpFileAttachmentWithText,.iwpFileDetailsPortlet .fileuploadsection .divFileUploadWrapper{
	float:left;
	/*height:100%;*/
}

.iwpFileDetailsPortlet .mainTabContainer .dijitTabContainerTop-container{
	/*height: 100%;*/
}

.iwpFileDetailsPortlet .valignTop{
	vertical-align:top;
}

.font-gray{
	color:gray;
}

.padAll-0{
	padding: 0;
}

.padAll-1{
	padding: 1%;
}

.padAll-2{
	padding: 2%;
}

.padAll-10px{
	padding: 10px;
}

.padRight-0{
	padding-right:0 !important;
}

.padRight-1{
	padding-right:1% !important;
}

.padLeft-0{
	padding-left:0 !important;
}

.padLeft-1{
	padding-left:1% !important;
}

.padLeft-16{
	padding-left:16% !important;
}

.padTop-0, .iwpFileDetailsPortlet div.iwpFormButtons{
	padding-top: 0 !important;
}

.padTop-2{
	padding-top: 2%;
}

.padBottom-7{
	padding-bottom: 7% !important;
}

.marRight-0{
	margin-right: 0;
}

.marLeft-0{
	margin-left: 0;
}


.marTop-2{
	margin-top: 2%;
}

.width-90{
	width: 90%;
}

.width-70{
	width: 70%;
}

.width-30{
	width: 30%;
}

.width-20{
	width:20%;
}

.width-10{
	width:10%;
}

.iwpFileDetailsPortlet .mainTabContainer div.dijitTabListContainer-top{
	left:0 !important;
}

.iwpFileDetailsPortlet .filereplacesection .lnkReplaceFile img{
	margin-left: 0 !important;
}

.fileDetailUpload #frmUploadFile div.iwpUpload,.iwpFileDetailsPortlet .mainTabContainer div.dijitTabListContainer-top div.dijitTabContainerTopNone div.dijitTabContainerTop-tabs, .iwpFileDetailsPortlet .mainTabContainer .fileuploadsection .divFileUploadWrapper .fileDetailUpload iframe{
	width:100% !important;
}

.iwpFileDetailsPortlet .iwpTableLargeText .iwpDownloadButton{
    padding-top: 4%;
}

.lblFileName, .breaktheword{
	word-break: break-all;
}

.iwpFileDetailsPortlet .fileuploadsection a.iwpFileAttachmentWithText{
    word-break: break-all;
    height: auto;
}


@media (max-width:766px){
	.iwpHighlightHeader2 {
		font-size:100%;
	}
	
	.iwpPortletTextContent{
		padding:5px;
	}
	
	table.iwpTableLargeText td, table.iwpTableLargeText th, .downloadTitle{
		font-size:13px;
	}	
	
	.iwpFileDetailsPortlet .iwpFormButtons{
		padding-right: 2%;
	}
	
}

@media (min-width:767px){
	.iwpFileDetailsPortlet .iwpTableLargeText .iwpDownloadButton{
		width: 50% !important;
		padding-top: 2%;
		padding-left: 8% !important;
	}
}

@media (min-width:640px) and (max-width:766px){
	
	.iwpFileDetailsPortlet .iwpTableLargeText .iwpDownloadButton{
		width: 34% !important;
		padding-top: 2%;
		padding-left: 12% !important;
	}
	
}

@media (min-width:480px) and (max-width:639px){
	
	.iwpFileDetailsPortlet .iwpTableLargeText .iwpDownloadButton{
		width: 42% !important;
		padding-top: 2%;
		padding-left: 12% !important;
	}
	
}

@media (min-width:320px) and (max-width:479px){
	
	.iwpFileDetailsPortlet .iwpTableLargeText .iwpDownloadButton{
		width: 67% !important;
		padding-top: 4%;
		padding-left: 16% !important;
	}
	
	/* Media query for the iframe fileUpload. But this css is not getting herited. */ 
	.fileDetailUpload .iwpFakeUploadTextBox {
		width:85% !important;
	}		
		
	.fileDetailUpload .iwpFakeUpload{
		background-position: 173px 0 !important;
		width: 100% !important;
	}
	
	.fileDetailUpload .iwpRealUpload{
		width: 66% !important;
	}
		
}


/* File Detail Block ends */

/* Medical Details Dialog */

.marTop-1{
	margin-top: 1%;
}

.pnlMedicalDetailsBody .pnlEditButtons{
	clear:both;
	text-align:right;
	padding-top:10px;
}

 .pnlDoneMessage {
	padding-left: 0;
	padding-right: 0;
}

@media (max-width:766px){
	.pnlMedicalDetailsBody{
		padding:1%;
	}
	
	.pnlDoneMessage{
		padding:2%;
	}

	.pnlMedicalDetailsBody .dgMedicalConditions{
		width: 100% !important;
	}
	
}

@media (max-width:479px) and (min-width:320px){
	
	.pnlMedicalDetailsBody .dgMedicalConditions{
		height: 150px !important;
	}
	
	.pnlMedicalDetailsBody .lblText{
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}
	
}


/* Medical Details Dialog Ends*/


/* Absence Approval Portlet */

.rsnAbsence .btnInsert{
	margin:5px 5px 0 0;
}

.divHelpLink{
	clear:both;
	display:block-inline;
	padding:5px 0 2px 4px;
}

.btnPanel{
	clear:both; 
	padding:5px;
	text-align: right;
	margin-bottom: 5px;
}

.lblResultMessage{
	font-weight:bold;
	color:green;
}

.setmin-width-300{
	min-width: 300px;
}

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

@media (max-width:639px) and (min-width:479px){
	.rsnAbsence .btnInsert{
		margin-left:32%;
	}
}

/* Absence Approval Portlet Ends */

/* Lesson Plan Detail */
@media (max-width:766px){
	.lessonplanDiv {
		padding-left: 2%;
		padding-right: 2%;
	}
}

/* Lesson Plan Detail Ends*/
div[id$='tabGroupDetails'] .rightCol {
	font-size:11px;
}

/* Financial transaction Portlet */
@media (max-width:766px){
.tbTransactionbtn{
	margin:10px 1% 20px 0 !important;	
}
.tbStatement{
	margin:8px 0 8px 1% !important;
}
}
/* Financial transaction Portlet Ends*/

/* DB Connections Portlet */
.iwpAdminSmallTextGrid table.iwpGrid td{
	font-size:12px;
	padding: 4px 5px 4px 0 !important;
	/*
	word-break: break-all;
	*/
}

/* DB Connections Portlet Ends*/


/* Mail Tester Portlet */
.tblMailTester td,.tbDBQueryResult td{
	padding:1% 0;
}
/* Mail Tester Portlet Ends*/

/* Schedular Portlet */
.schedulaeEditPortletDiv td.iwpFormLabel{
	width:121px;
}

/* Schedular Portlet Ends*/


.allowCopyError{
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: text;
}

/* Pastoral Detail */
.liSearchObject{
		margin:0 !important;
}

@media (max-width:766px){
	
	.pastoraldetailRecords{
		max-height: 50% !important;
	}
	
}
/* Pastoral Detail Ends*/

/* Pastoral Contact Searcher Portlet*/
@media (max-width: 767px) {
	.hideOnRequest {
		display:none;
	}
	
	.padLeftRight-0{
		padding-left: 0;
		padding-right: 0;
		width:100%;
	}
	
	.serMar-0{
		margin:0;
	}
	
	.padRight-0{
		padding-right: 0;
	}
}
/* Pastoral Contact Searcher Portlet Ends*/

/* Sub Portlet - PayOnline */

.subPayOnline, .subPayDetails {
	height: 447px;
	width: 400px;
	padding:3px;
} 

.subPayOnline table{
	margin: 0;
}

@media(max-width:767px){
	
	.subPayOnline, .subPayDetails{
		height: 90vh;
		width: 90vw;
	} 
}

/* Sub Portlet - PayOnline Ends*/

/* News and Notices block */
.iwpHomeNewsPortlet_mainDiv{
	overflow:auto;
}

.iwpNewsTitle {
	width:650px;
}

.iwpNewsBody {
	width:650px;
	height:220px;
}

@media(max-width: 740px){ 
	.iwpNewsTitle {
		width:250px;
	}

	.iwpNewsBody {
		width:250px;
		height:100px;
	}
}

.iwpWideCell {
	display:table-cell;
}

.iwpColumn1 .iwpWideCell {
	display:none;
}

@media (max-width: 800px) {
	.iwpWideCell	{
		display:none;
	}
}

.iwpNewsCblGroupsContainer {
	font-size:11px
}

/* News and Notices block ends*/

/* Groups Portlet*/
.tabGroupSearch{
	height:100% !important;
}

@media (max-width: 400px) {
	.tabGroupSearch .noteText{
		text-align: left !important;
	}
}
/* Groups Portlet ends*/

/* Admin Notify User Portlet */

.notifyDetailstoUser div.dijitTabContainerTop-dijitContentPane,.notifyDetailstoUser div.dijitTabContainerTop-container{
	width:100% !important;
}

/* Admin Notify User Portlet Ends*/

/* Twitter Portlet */
.iwpTwitterBodyBackground .twitter-timeline{
	min-width: 100% !important;
	width: 100% !important;
}

/* Twitter Portlet Ends*/

/* For all EditableCell */

.iwpEditableCellHover{
	color: black !important;
}

.dojoxGrid-row-over .iwpEditableCell {
	color: #60a1ea !important;
}
/* For all EditableCell */

.floatLeft{
	float: left !important;
}

.floatRight{
	float: right !important;
}

/* Group Details Portlet */

.groupDetails div.dijitContentPane{
	width:100% !important;
	padding:2% !important;
}


@media(max-width:767px){
	.groupDetails .btnGroupSubscribe,.groupDetails .btnGroupBack{
		width: 70% !important;
	}
	
	.groupDetails .tabGroupDetails .btnGroupBack,.groupDetails .btnGroupSubscribed,.groupDetails .btnGroupPending{
		width: 100% !important;
		height:37px;
	}
	.hideformobile,.groupDetails div.tabStripButton{
		display:none;
	}
}


@media(width: 360px){
	.groupDetails .customBtns .btnGroupBack,.groupDetails .customBtns .btnGroupSubscribed,.groupDetails .customBtns .btnGroupPending{
		width: 100% !important;
		height:37px;
	}
}

@media(min-width: 361px) and (max-width: 767px){
	.groupDetails .customBtns .btnGroupBack,.groupDetails .customBtns .btnGroupSubscribed,.groupDetails .customBtns .btnGroupPending{
		width: 50% !important;
		height:37px;
	}
}

/* Group Details Portlet Ends*/

/* Admin Searcher Portlet */
@media(max-width:767px){
	.cbIncludeUsers label{
		display: inline;
	}
}
/* Admin Searcher Portlet */


/* Health Check Block */

.rptrHealthCheck table td{
	/*word-break: break-all;*/
	font-size:12px;
}

/* Health Check Block Ends*/

/* Help page styles */

/* screenshots in help page */
div.img img {
	width:100%;
	max-width:500px;
}
/* Help page styles Ends */

/* Student Absence Details */
@media(max-width:767px){
	.dgDetail_absenceYTD .dojoxGrid-content{
		height:100% !important;
	}
}

.dgDetail_absenceYTD .dojoxGrid-content{
		height:100% !important;
		overflow-y: auto;
		word-wrap: break-word;
}


.dgDetail_absenceYTD .dojoxGrid-scrollbox{
	height:100% !important;
}

/* Student Absence Details Ends */

/* Timetable block styles */

.iwpTimetableGrid {
	font-size:12px;
	
}

table.iwpGrid.iwpTimetableGrid td {
	padding: 4px 6px 4px 6px;
}

/* Timetable block styles Ends */

/* Group Detail Portlet */

.displayformobile{
		display:none;
}

@media(max-width: 767px){
	.displayformobile{
		display:block;
	}
}

.subscribed {
	background-image: url(/igloo/portal/themes/common/check.png);
    background-position: 0 8px;
    background-repeat: no-repeat;
}

.subscriptionpending {
	background-image: url(/igloo/portal/themes/common/information.png);
    background-position: 0 8px;
    background-repeat: no-repeat;
}

@media(max-width:400px){
	.btnSubscribeclass{
		padding-left: 16% !important;
		font-size:11px !important;
	}
}
/* Group Detail Portlet Ends*/

/* Theme Customization Block */

.divCSSError h12{
	color:blue;
}

/* Theme Customization Block Ends*/


/* Group Tab on the main page */

.grouptablistMain .dijitTabController {
		height:100% !important
}

/* Specific for Chrome browser */
@supports (-webkit-appearance:none) {
	.grouptablistMain .dijitTabController {
		height:96% !important
	}
}

.grouptablistMain .dijitbelow-altArrowButton, .grouptablistMain .tabStripButton-top.tabStripButton{
	height:100% !important;
}

.grouptablistMain .tabStripButton-top.tabStripButton.dijitAlignRight:not(.dijitbelow-altArrowButton){
	margin-left:0.5%;
	margin-right:0.5%;
}

.grouptablistMain .dijitbelow-altArrowButton{
	margin-right: 0px !important;
}

.grouptablistMain .dijitTabStripIcon {
	color:white;
}
/* Group Tab on the main page ends */


/*Begin for notification work*/
	
.mainNotification{
	position:absolute; 
	z-index: 1;
	margin-left: 130px; 
}
.NotificationContent {

	background-color: #fff !important;
	border: 1px solid rgba(100, 100, 100, .4);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	width: 400px;
	z-index: 1;
	overflow: none;
	box-shadow: none;
	display:none;

	-webkit-animation-name: animationNotification; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
	animation-name: animationNotification;
	animation-duration: 0.5s;
}
@keyframes animationNotification {
	from {width: 100px; heigth: 100px; }
	to {width: 400px; heigth: 100%;}
}

@keyframes animationSeeAll {
	from {width: 400px; height: 100px; }
	to {width: calc(950px - 110px); height: 100%;}
}

.NotificationContentExtra {
	width:  calc(100vw - 155px);
	max-width: calc(950px - 130px);
	height:100%;
	-webkit-animation-name: animationSeeAll; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	animation-name: animationSeeAll;
	animation-duration: 0.5s;
}
.NotificationContentExtra .notificationsBody{
	max-height:calc(100vh - 270px) ;
	min-height:calc(100vh - 270px) ;
}
/* Popup Arrow*/
.NotificationContent:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	/*border: 10px solid black;
	border-color: transparent transparent white;*/
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right:15px solid white;
	margin-top: 204px;
	margin-left: -15px;
}


.notificationTitle
{
	font-weight: bold;
	padding: 8px;
	font-size: 13px;
	background-color: #ffffff;
	color:#000000;
	/*position: fixed;
	width: 384px;*/
	z-index: 1000;
	height: 36px;
	box-shadow: 1px 0 10px #999999;
	border-bottom: 1px solid #dddddd;
}
.notificationTitle a
{
	font-size:12px;
}
.notificationsBody
{
	/*padding: 0px 1px 0px 5px !important;*/
	max-height:300px;
	min-height:300px;
	overflow-y: auto;
}
.notificationFooter
{
	background-color: #e9eaed;
	text-align: center;
	font-weight: bold;
	padding: 8px;
	font-size: 12px;
	color:#000000;
	border-top: 1px solid #dddddd;
	box-shadow: 1px 0 10px #999999;
}

.notificationFooter a
{
	color:#000000 !important;
}
.notificationsBody .iwpPortlet {
	margin: 0px;
	box-shadow: none;
	border-radius: 0px;
}


.notification_count 
{
padding: 3px 7px 3px 7px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
margin-left: 77px;
border-radius: 9px;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px;
position: absolute;
margin-top: -11px;
font-size: 11px;
left:12px;
}

.notification-count {
border-radius: 9px;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px;
font-size: 11px;
font-weight: normal;
line-height: 1;
padding: 4px 5px 2px;
position: absolute;
text-align: center;
margin-top:-12px;
left:3px;
font-family:initial;
}
span.notification-count {
background: #ec5645 none repeat scroll 0 0;
color: #fff;
opacity: 1;
}

@media screen and (max-width: 767px) {

	.NotificationContent {
		width:99%;
		min-width:calc(100vw - 2px);
		box-shadow: none;
		margin-left:1px;

	}
	@keyframes animationNotification {
		from {height: 10px;}
		to {height:calc(100vh - 100px)}
	}

	.notificationsBody{
		min-height: calc(100vh - 117px);
		max-height: calc(100vh - 117px);
	}

	 .iwpnotificationLink{
		 display:none;
	 }
	 .notification-count {
		 top:4px;
		 left:10px;
	 }
	 .glyphicon-bell{
		font-size: 22px;
		top:10px;
		right:6px;
		padding-right:2px;
	 }
	.mainNotification{
		position:fixed; 
		top: 45px; 
		margin:0px;
	}

	.NotificationContent:before {
		color: transparent;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid white;
		border-top: 0px;
		margin-top: -15px;
		margin-left: 38px;
	}

}

	
.lnkNotification{
	padding:4px; 
	margin-right:0px;
	margin-left:0px;
}

.lnkNotificationUnread{
	font-weight:bold;
}
.iwpNotificationInner{
	vertical-align:top; 
	padding:2px; 
	border-bottom: 1px solid #cccccc;
}

/* iwpFormHistoryPortlet */
.divHistoryGrid .dojoxGrid-cell{
	word-wrap: break-word;
}

.divFormHistory, .divFormHistory ul, .divFormHistory .divInstructions {
	overflow-y:auto;
}

.auto_height{
	height:auto;
}

.divDetails{
	height:90%;
}

.divFormHistory ul, .divFormHistory .divInstructions{
	max-height:25%;
}

/* iwpFormHistoryPortlet ends*/