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


#SiteHeader1_LogoImage {
    margin-top: 0;
    margin-left: 0;
}

h2
{
	text-align: left;
}

p
{
	padding: 5px;
}

.PrintSizePage
{
	width: 650px;
	font-family: 'Open Sans', sans-serif;
	font-size: small;
}

.WidePage
{
	width: 1000px;
	font-family: 'Open Sans', sans-serif;
	font-size: small;
	position: relative;
}
.StretchPage
{
	font-family: 'Open Sans', sans-serif;
	font-size: small;
}

.PageContainer
{
	/*width: 900px;*/
    width: 100%;
    height: 100%;
	text-align: right;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin: auto;
    height: 100%;
}

.ContentContainer
{
	/*width: 80%; */
	text-align: center;
	background-color: White;
	/*border: solid 1px #4AC5F7;*/
}




.container, .containerB, .containerC, .containerCB, .containerU, .containerUB
{
	width: 100%;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	clear: both;
}

.containerT, .containerBT, .containerCT, .containerCBT, .containerUT, .containerUBT
{
	width: 98%;
	margin-top: 9px;
	margin-left: 5px;
	margin-bottom: 9px;
	padding: 5px;
	clear: both;
}


.containerC, .containerCT
{
	text-align: center;
}

.containerB, .containerUB, .containerBT, .containerUBT
{
	font-weight: bold;
}

.containerCB, .containerCBT
{
	text-align: center;
	font-weight: bold;
	clear: both;
}

.containerU, .containerUB, .containerUT, .containerUBT
{
	text-decoration: underline;
}


.rowContainer
{
	width: 98%;
	text-align: left;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 2px;
	clear: both;
}

.column1of3
{
	float: left;
	width: 47%;
	padding: 5px;
}

.column1of3Thick
{
	float: left;
	width: 55%;
	padding: 5px;
}

.column2of3
{
	float: left;
	width: 20%;
	padding: 5px;
}
.column2of3Thin
{
	float: left;
	width: 15%;
	padding: 5px;
}
.column3of3
{
	float: left;
	padding: 5px;
}

.column13of4
{
	float: left;
	text-align: right;
	padding: 5px;
	width: 23%;
}

.column24of4
{
	float: left;
	text-align: left;
	padding: 5px;
	width: 23%;
}

.column2of2
{
	float: left;
	width: 50%;
}

.column2of2Left, .column2of2LeftB
{
	float: left;
	width: 50%;
	text-align: right;
	padding: 5px;
}

.column2of2LeftB
{
	font-weight: bold;
}

.column2of2LeftLeft
{
	float: left;
	width: 50%;
	text-align: left;
	padding: 5px;
}
.column2of2AlignRight
{
	text-align: right;
	padding: 5px;
}

.column2of2LeftThinB
{
	float: left;
	width: 33%;
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

.column2of2Right
{
	text-align: left;
	padding: 5px;
}

.column2of2RightFloat
{
	width: 43%;
	float: left;
	text-align: left;
	padding: 5px;
}

.column2Left
{
	float: left;
	width: 30%;
	padding-right: 5px;
	text-align: right;
}

.column2LeftThin
{
	float: left;
	width: 20%;
	padding-right: 5px;
	text-align: right;
}

.column2Right
{
	float: left;
	width: 67%;
	padding-left: 5px;
	text-align: left;
}
.column2RightThin
{
	float: left;
	width: 40%;
	padding-left: 5px;
	text-align: left;
}
.column2RightThick
{
	float: left;
	width: 77%;
	padding-left: 5px;
	text-align: left;
}

.fixedColumns
{
	table-layout: fixed;
}

.NonSubmitButton
{
	font-weight: bold;
	padding: 3px;
	margin: 3px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: inherit;
	background-color: #173660;
}

.SubmitButton
{
	font-weight: bold;
	padding: 3px;
	margin: 3px;
	color: black;
	font-family: 'Open Sans', sans-serif;
	background-color: #B6DA23;
	font-size: inherit;
}

.Note
{
	font-size: x-small;
	font-family: 'Open Sans', sans-serif;
}

.NoteRed
{
	font-size: x-small;
	font-family: 'Open Sans', sans-serif;
	color: Red;
}

.NoteBold
{
	font-size: x-small;
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
}

.PostBackInfo
{
	color: Green;
	font-family: 'Open Sans', sans-serif;
	font-size: medium;
	font-weight: bolder;
	padding: 5px;
}

.CheckBoxesAndButtons label
{
	margin-left: -5px;
	vertical-align: middle;
	text-align: left;
	direction: ltr;
	left: 5px;
	position: relative;
}

.modalProgressGreyBackground
{
	background: #CCCCCC; /* 	filter:alpha(opacity=60); 	opacity:0.6; */
}

.modalProgressRedBackground
{
	background: Red; /* 	filter:alpha(opacity=60); 	opacity:0.6; */
}

.modalPopup
{
	text-align: center;
	padding-top: 30px;
	border-style: solid;
	border-width: 1px;
	background-color: White;
	width: 300px;
	height: 100px;
}
.modalPopupTransp
{
	text-align: center;
	padding-top: 30px;
	border-style: solid;
	border-width: 1px;
	background-color: Transparent;
	width: 150px;
	height: 150px;
}

.ProgressContainer
{
	border: solid 1px #808080;
	border-width: 1px 0px;
}

.ProgressHeader
{
	background: url(../images/sprite.png) repeat-x 0px 0px;
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 0px 10px;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.9;
	font-family: 'Open Sans', sans-serif;
}

.ProgressBody
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: solid;
	border-width: 0px 1px;
	padding: 10px;
}

.LandscapeDiv
{
	page-break-before: auto;
	width: 90%;
	height: 90%; /* filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3); */
}

.demo
{
	width: 500px;
	height: 300px;
	border: 1px solid; /*border-color: threedshadow threedhighlight threedhighlight threedshadow;*/
	padding: 0px;
	overflow: hidden;
}

.demo iframe
{
	border: none;
	margin: 0px 1px 1px 0px;
	width: 499px !important;
	height: 273px !important;
}

.commandbar
{
	border: 1px solid;
	height: 22px;
	overflow: hidden;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	padding: 1px;
}

.commandbar button
{
	border: 1px solid threedface;
	padding: 0px;
	margin: 0px;
}

.collapsePanelHeader
{
	width: 100%;
	height: 25px;
	background-image: url(../images/bg-menu-main.jpg);
	background-repeat: repeat-x;
}

.flyOutDiv
{
	display: none;
	position: absolute;
	width: 250px;
	z-index: 3; /* opacity: 0; */ /* filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); */
	font-size: 14px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
}

.flyOutDivCloseX
{
	background-color: #666666;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: outset thin #FFFFFF;
	padding: 5px;
}


.watermarkAddress
{
	background: #FFAAFF;
}

.popupControlAddress
{
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackgroundAddress
{
	background-color: Gray; /* 	filter:alpha(opacity=70); 	opacity:0.7; */
}

.modalPopupAddress
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}

.ControlFont
{
	color: Black;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	padding: 5px;
}

.ControlFontBold
{
	color: Black;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	font-weight: bolder;
	padding: 5px;
}

.ControlFontHeader
{
	color: Black;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	padding: 5px;
}

.ISIStext, .ISIStextB, .IsisTextTd, .IsisTextTdB
{
	word-spacing: normal;
	font-size: 12px;
    font-family: 'Open Sans', sans-serif;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	text-decoration: none;
}

.IsisTextTd, .IsisTextTdB
{
	border: black 1px solid;
	padding-left: 2px;
	padding-right: 2px;
}

.ISIStextB, .IsisTextTdB
{
	font-weight: bold;
}

.button
{
    border: 1px solid #22aaa1;
	background-color: #22aaa1;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
	font-size: 11pt;
	padding: 6px 10px;
    border-radius: 4px;
}

.button:hover {
    border: 1px solid #197F78;
}

.button.link-button
{
    text-decoration: none;
}

.button:disabled {
    border: 1px solid #888888;
    background: #888888;
    color: #ffffff;
}

.button-cancel {
    background-color: #ffffff;
    color: #22aaa1;
    margin-right: 10px;
}

.smallbutton
{
	border: 1px solid #22aaa1;
	background-color: #22aaa1;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
	font-size: 10pt;
	padding: 4px 8px;
    border-radius: 4px;
}


.smallbutton:disabled {
    border: 1px solid #888888;
    background: #888888;
    color: #ffffff;
}

.student-next-button, .agent-next-button {
    border: 1px solid #Fda322;
    background: #Fda322;
    color: #ffffff;
}

.student-field-validator, .agent-field-validator {
    display: none;
}
.clear
{
	clear: both;
}

.validationSummary
{
	color: #ff0000;
}

.columnLeft
{
	float: left;
	width: 190px;
	padding-right: 5px;
	text-align: right;
}

.columnRight
{
	float: left;
	width: 380px;
	text-align: left;
}

.columnRight .nextBtn
{
	float: right;
	padding-bottom: 14px;
}

.columnRight a img
{
	border: none;
}

.reportPopup
{
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
}

.reportPopup .container
{
	width: 730px;
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0;
	padding: 0 5px 5px 5px;
	clear: both;
}

.reportPopup .columnLeft
{
	width: 130px;
	text-align: left;
}

.reportPopup .columnRight
{
	width: 230px;
	text-align: left;
}

.reportPopup h2
{
	text-align: left;
	padding-top: 10px;
}

.floatingpanelProofOfPayment
{
	position: absolute;
	left: 200px;
	top: 200px;
	width: 750px;
	height: 300px;
	border-color: black;
	border-width: 2px;
	border-style: inset;
	background-color: white;
	z-index: 50;
	padding: 40px;
	margin: 20px;
	background-color: #ececec;
}

.floatingpanelGeneral
{
	border: 2px solid black;
	position: absolute;
	left: 200px;
	top: 80px;
	width: 750px;
	height: 759px;
	background-color: white;
	z-index: 50;
}

.floatingpanelTall
{
	position: absolute;
	left: 200px;
	top: 300px;
	width: 700px;
	height: 1300px;
	border-color: black;
	border-width: 2px;
	border-style: solid;
	background-color: white;
	z-index: 50;
}

.noticePage
{
	font-family: 'Open Sans', sans-serif;
	padding: 0 10px 10px 20px;
	width: 850px;
}

.noticePage h1
{
	font-size: 20pt;
	color: #000000;
	text-align: left;
}

.noticePage h2
{
	font-size: 14pt;
	color: #ff0000;
	text-align: left;
	text-decoration: underline;
}

.noticePage .buttonContainer
{
	float: right;
}

/* Subject Selection warning message */

.MockButton
{
	vertical-align: middle;
	font-weight: bold;
	font-size: larger;
	width: 200px;
	color: White;
	background-color: #173660;
	border-style: outset;
	border-width: thin;
	text-decoration: none;
}

.alert
{
	display: none;
	position: absolute;
	width: 400px;
	height: 200px;
	background-color: #4AC5F7;
	color: #2F4F4F;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	padding: 15px 20px 5px 50px;
}

/* Shadow method  */
#shadow-container
{
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container
{
	position: relative;
	left: -1px;
	top: -1px;
}

#shadow-container .shadow1
{
	background: #F1F0F1;
}

#shadow-container .shadow2
{
	background: #175FC7;
}

#shadow-container .shadow3
{
	background: #B8B6B8;
}

#shadow-container .container
{
	background: #ffffff;
	border: 1px solid #848284;
	padding: 10px;
}

/* Subject Selection History css */
dl.table-display
{
	width: 41.1em;
	margin: 2em 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 8pt;
}

.table-display dt
{
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt
{
	clear: both;
}
/* end hack */

.table-display dd
{
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
}

.BackgroundBlue
{
	background-color: #175FC7;
	border: none;
}

.SiteForeground
{
	color: #2F4F4F;
}

.BackgroundDiv
{
	width: 100%;
	text-align: center;
	vertical-align: bottom;
}




@media (min-width: 1255px)
{
    .SidePaneContainer {
        width: 250px;
    }
}

@media (min-width: 1000px) and (max-width: 1255px)
{
    .SidePaneContainer {
        width: 20%;
    }
}


@media (max-width: 999px)
{
    .SidePaneContainer {
        width: 200px;
    }
}


.SidePaneContainer
{
    background-color: #e6e8e6;
	vertical-align: top;
	text-align: left;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
}

a.SidePaneLink
{
	color: Black;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	padding: 5px;
	text-decoration: none;
}

a.SidePaneLink:hover
{
	color: Orange;
}

.DarkRowLabel
{
	font-size: 16pt;
	width: 100%;
	background-color: #173660;
	color: White;
	height: 23px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
.PageHeader
{
	font-size: 14pt;
	width: 100%; /*background-color: #173660;  */
	/*background-color: #4AC5F7;*/
	color: #ffffff;
	height: 23px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
    margin-bottom: 2px;
}
.header_date {
     line-height: 30px;
     margin-right: 12px;
}
.DarkRowLabelSmall
{
	width: 100%;
	background-color: #173660;
	color: White;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

@media print
{
	.noprint
	{
		display: none;
	}
}

@media screen
{
	.nodisplay
	{
		display: none;
	}
}

li.float
{
	height: 30px;
	float: left;
	width: 210px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
}

li.float2Col
{
	height: 30px;
	float: left;
	width: 300px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
}



.PanelLink
{
	font-weight: bold;
	color: #173660;
}

a.PanelLinkLite
{
	color: #173660;
}

.searchSeparator
{
    color: #4AC5F7;
    background: #4AC5F7;
    width: 75%;
    height: 7px;
    border: none;
}

.step
{
	text-align: left;
	padding-left: 30px;
}

div.stepExtension
{
    font-weight: bold;
    font-size: 18px;
    width: 75%;
    margin:0 auto;
    padding-left: 0px;
}

div.containerExtension
{
    width: 75%;
    margin: auto;
}

.column3Left
{
	width: 35%;
	padding-right: 5px;
}

.column3Right
{
	width: 62%;
	padding-left: 5px;
}

input.widthExtension
{
    text-align: center;
    width: 100%;
}

.center
{
    margin: auto;
}

.inline-childrens *
{
    display: inline-block;
}

#levelLabel
{
    vertical-align: top;
    margin-top: 3px;
    width: auto;
}

.levelPadding
{
    padding-top: 8px;
}

div.widthExtension
{
    width: 100%;
}

.fieldTitle
{
    font-size: 15px;
	/*font-weight: bold;*/
}

.checkboxList
{
	border: 1px solid #7F9DB9;
	height: 160px;
	max-height: 160px;
	overflow: auto;
	font-size: 12px;
}
.checkboxList td input
{
	float: left;
}

td
{
	vertical-align: top;
}

.hr_medium
{
	height: 5px;
	width: 75%;
	background: #446791;
	color: Black;
	background-color: Black;
}

li.grid
{
	float: left;
	width: 185px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
}

a.grid
{
	font-weight: bold;
	color: #173660;
}

.smallText
{
	font-size: 8pt;
	font-weight: normal;
}

.BorderedList
{
	width: 70%;
	border-right: #000033 1px solid;
	border-top: #000033 1px solid;
	border-left: #000033 1px solid;
	border-bottom: #000033 1px solid;
}

/* rounded corners */

div.top_left
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: 0px 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/blue_dot_inner_16_tl.gif);
}

div.top_right
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-position: 0px 0px;
	background-image: url(../images/blue_dot_inner_16_tr.gif);
}

div.bottom_left
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	background-position: 0px 0px;
	background-image: url(../images/blue_dot_inner_16_bl.gif);
}

div.bottom_right
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-position: 0px 0px;
	background-image: url(../images/blue_dot_inner_16_br.gif);
}


/* Invoice */
.invoice
{
	text-align: left;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
}

.invoice .containerD
{
	padding: 10px 10px 10px 12px;
	clear: both;
	border: 1px solid #ffc90e;
	background-color: #f3ebc4;
	line-height: 16px;
}

.invoice .containerE
{
	padding: 12px 10px 10px 12px;
	border: 1px solid #7f7f7f;
}

.invoice .containerF
{
	padding: 12px 10px 10px 12px;
	background-color: #ffc2d7;
	border: 1px solid #ffaec9;
}

.invoice h2
{
	font-size: 28px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}


.invoice h3
{
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.invoice h4
{
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 8px 0;
}

.invoice .companyDetails
{
	float: right;
	text-align: right;
}

.invoice .small
{
	font-size: 10px;
}

.invoice .invoiceDetailsTable
{
	width: 100%;
}

.invoice .invoiceDetailsTable tr
{
	height: 32px;
}

.invoice .table th
{
	font-weight: normal;
}

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

.invoice select
{
	width: 200px;
}

.invoice .paymentOption
{
	border: 1px solid #7f7f7f;
	padding: 10px;
	margin-bottom: 8px;
}

.invoice .paymentOptionSelected
{
	border: 1px solid #79d086;
	background-color: #9bdca4;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 8px;
}

.invoice .paymentOption label, .invoice .paymentOptionSelected label
{
	margin-left: 40px;
}

.invoice .SubmitButton
{
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

/* Standard Screen */
.consolePage
{
	text-align: left;
	font-size: 10pt;
	padding: 20px;
}

/* Instructions block */
.consolePage .containerD, .InstructionBlock
{
	padding: 10px 10px 10px 12px;
	clear: both;
	border: 1px solid #ffc90e;
	background-color: #fffbf4;
	line-height: 16px;
}

.consolePage .containerE, .GeneralBlock
{
	padding: 12px 10px 10px 12px;
	border: 1px solid #7f7f7f;
	/*width: 881px;*/
}

.consolePage .BorderlessBlock
{
	/*padding: 12px 10px 10px 12px;*/
}

.consolePage .containerF, .WarningBlock
{
	padding: 12px 10px 10px 12px;
	background-color: #ffc2d7;
	border: 1px solid #ffaec9;
}

.consolePage .containerG, .UserActionBlock
{
	padding: 12px 10px 10px 12px;
	background-color: #9bdca4;
	border: 1px solid #00b050;
}

.consolePage h2
{
	font-size: 28px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}


.consolePage h3
{
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.consolePage h4
{
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 8px 0;
}

.consolePage .companyDetails
{
	float: right;
	text-align: right;
}

.consolePage .small
{
	font-size: 10px;
}

.consolePage .detailsTable
{
	width: 100%;
}

.consolePage .detailsTable tr
{
	height: 32px;
}

.consolePage .table th
{
	font-weight: normal;
}

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

.consolePage .listingTable
{
	width: 100%;
}

.consolePage .listingTable th
{
	font-weight: bold;
	height: 32px;}

.consolePage .listingTable td, .consolePage .listingTable th
{
	padding: 0 4px 0 2px;
}

.consolePage .listingTable td
{
	color: Gray;
}

.consolePage .listingTable tr.footerRow td
{
	color: Black;
	font-weight: bold;
}

.consolePage select
{
	width: 200px;
}

.consolePage .paymentOption
{
	border: 1px solid #7f7f7f;
	padding: 10px;
	margin-bottom: 8px;
}

.consolePage .paymentOptionSelected
{
	border: 1px solid #79d086;
	background-color: #9bdca4;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 8px;
}

.consolePage .paymentOption label, .invoice .paymentOptionSelected label
{
	margin-left: 40px;
}

.consolePage .SubmitButton .NotSubmitButton
{
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

.consolePage .fileUploadButton
{
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

.ConsolePage .TableFieldTagCell
{
	width: 25%;
}

.GeneralBlock table
{
	font-size: 12px;
}

th
{ text-align:left; }


.PanelRow
{
	height: 50px;
	/*padding-top: 15px;*/
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.PanelRow .PanelCell
{
	padding-left: 5px;
	padding-top: 5px;
	background-color: #f9f9f9;
/*	border: solid 1px #dddddd; */
}

a.Handle
{
    float:right; 
    display:block; 
    width:22px; 
    height:22px; 
    overflow:hidden; 
    margin-left:6px; 
    background:#4AC5F7 url(../images/handle-control-state.gif) 50% 0 no-repeat; 
    color:#fff; 
    font-size:.917em; 
    line-height:1; 
    text-indent:-9999em; 
    cursor:pointer;
}

a.Handle-close
{
    float:right; 
    display:block; 
    width:22px; 
    height:22px; 
    overflow:hidden; 
    margin-left:6px; 
    background:#4AC5F7 url(../images/handle-control-state.gif) no-repeat 50% -22px; 
    color:White;
    font-size:.917em; 
    line-height:1; 
    text-indent:-9999em; 
    cursor:pointer;
} 





.detailListWrapper
{
	border: 1px solid #666666;
}

.detailList
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.detailList li
{
	padding: 2px;
}

.detailList .liHeading
{
	background-color: #77D5F7;
	padding: 6px;
}

.detailList .liData
{
	padding: 0;
}

.detailList .auditInfo
{
	font-size: 11px;
	font-style: italic;
	background-color: #e1e1e1;
	padding: 7px 7px 0 7px;
}

.detailList .auditList
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 8pt;
}



.auditListWrapper
{
	background-color: #e1e1e1;
	padding: 3px 7px 7px 7px;
	font-size: 9pt;
}

.detailList .detailtable
{
	width: 100%;
	border: none;
}

.detailList .detailtable td
{
	border-bottom: 1px solid #dddddd;
	padding: 3px;
}

.detailList .detailtable .itemTitle
{
	/*text-align: right;*/
	font-weight: bold;
	background-color: #f1f1f1;
	padding-right: 5px;
	width: 100px;
}

.detailList .detailtable .itemHeading
{
	background-color: #4AC5F7;
	color: #ffffff;
	font-weight: bold;
	height: 16px;
	padding-top: 8px;
}

.detailList .detailtable .itemDetail
{
	padding-left: 5px;
	
}

.auditList li
{
	padding: 2px 0 2px 0;
}



fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
fieldset .FieldWrapper
{
	clear: both;
	height: 30px;
	padding: 3px;
}
fieldset label
{
		display: block;
		width: 120px;
		height: 20px;
		padding-top: 4px;
		font-weight: normal;
}
fieldset input fieldset select, fieldset label 
{
	float: left;
} 

fieldset input fieldset select
{
	margin: 0;
	padding: 0;
}

fieldset input
{
	width: 260px;
} 

fieldset input[type="checkbox"]
{
	width: auto !important;
}

fieldset .checkbox
{
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

fieldset .checkbox li
{
	float: left;
	height: 20px;
	vertical-align: middle;
}


fieldset .dateListWrapper
{
	clear: none;
	float: left;
	height: auto !important;
}

fieldset .dateList
{
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

fieldset .dateList li
{
	float: left;
	height: 20px;
	vertical-align: middle;
	padding-right: 4px;
}

fieldset .checkbox label
{
	width: auto !important;
	height: auto !important;
	padding-top: 2px;
	padding-right: 10px;
	font-weight: normal;
	float: right;
}

fieldset .checkboxWrapper
{
	clear: none;
	float: left;
	height: auto !important;
}

fieldset select 
{
	width: 266px !important;
}

fieldset .money
{
	width: 80px;
}

fieldset .percentage
{
	width: 80px;
}

fieldset .date
{
	width: 100px;
}

fieldset .time
{
	width: 85px;
}

fieldset .number
{
	width: 100px;
}

.pageHeading 
{
	font-size: 18pt;
	font-weight: normal;
	float: left;
    font-family: 'Roboto', sans-serif;
}

.page-heading-block {
    margin-bottom: 15px;
}

.searchButton
{
	margin: 0;
	width: 40px;
}

.formerror 
{
	list-style: none;
	color: #ff0000;
	width: 400px;
	text-align: center;
	margin-bottom: 10px;
}

.AddLink 
{
	background: url(/images/lk_add.gif) left center no-repeat;
    color: #276A87;
    font-size: 12px;
    font-weight: normal;
	padding-left: 16px;
	cursor: pointer;
	text-decoration: none;
}

.BackLink 
{
	background: url(/images/lk_back.gif) left center no-repeat;
    color: #276A87;
    font-size: 12px;
    font-weight: normal;
	padding-left: 20px;
	cursor: pointer;
	text-decoration: none;
}

.EditLink 
{
	background: url(/images/lk_edit.gif) left center no-repeat;
    color: #276A87;
    font-size: 12px;
    font-weight: normal;
	padding-left: 16px;
	cursor: pointer;
	text-decoration: none;
}

.DeleteLink 
{
	background: url(/images/lk_delete.gif) left center no-repeat;
    color: #276A87;
    font-size: 12px;
    font-weight: normal;
	padding-left: 14px;
	cursor: pointer;
	text-decoration: none;
}

.ExportLink 
{
	background: url(/images/lk_export.gif) left center no-repeat;
    color: #276A87;
    font-size: 12px;
    font-weight: normal;
	padding-left: 18px;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 2px;
	height: 16px;
}

.ClearLink 
{
	background: url(/images/lk_clear.png) left center no-repeat;
    color: #276A87;
    font-size: 12px;
    font-weight: normal;
	padding-left: 14px;
	cursor: pointer;
	text-decoration: none;
}

.AuditDetail
{
	color: #222222;
	font-size: 8pt;
}

.AuditDetail .ItemChanged
{
	background-color: #f4f493;
}

.AuditDetail thead tr
{
	background-color: #dddddd;
}

.AuditDetail thead th
{
	padding: 3px 5px 3px 5px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	color: #222222;
	font-weight: bold;
}

.AuditDetail tbody td
{
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #dddddd;
	color: #222222;
	font-weight: normal;
}


.ButtonWrapper 
{
	border: 1px solid #7F9DB9;
	padding: 5px;
	background-color: #A6C9E2;
}

.paymentMethodHolder{
	width:100%;
	margin:20px 0 0 0;
	border: none;
}

.proceed_payment_btn{
    background:url(../images/proceed_with_payment_btn.jpg) repeat-x;
	-webkit-border-radius: 4px; 
	-moz-border-radius:4px; 
	border:none;
	padding:10px;
	color:#fff;
	font-weight:bold;
	margin:10px 0;
}

.proceed_payment_btn.aspNetDisabled{
    background:url(../images/proceed_with_payment_btn_disabled.jpg) repeat-x;
}

.testmode .SidePaneContainer {
    background: #00b050;
}

.impersonating_mode .header_user_name {
    background: #ff0000;
}
.substituting_sysdate_mode .header_date {
    background: #ff0000;
}

.hoverpane
{
	border-bottom: 1px solid #ffffff;
	background-color: #1691C5;
	position: absolute;
	left:0px;
	top:0px;
	color: #ffffff;
	font-size: 9pt;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.hoverpane a
{
	color: #ffffff;
	font-size: 9pt;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}

.hoverpane .hoverpaneclose
{
	padding-left: 10px;
}

.sidelinktable
{
    margin: 0 15px 10px 25px;
}

.sidelinktable td
{
	/*background-color: #ffffff;*/
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	/*border-bottom: 1px solid #4AC5F7;*/
	/*border-top: 1px solid #bbbbbb;*/
    padding: 10px 5px 10px 5px;
}

.sidelinktable tr:first-child td {
	border-top: 0;
    padding-top: 6px;
} 


.sidelinktable tr:last-child td {
    margin-bottom: 6px;
} 

.sidelinktable td a
{
	text-decoration: none;
	color: #ffffff;
}

.sidelinktable td a:hover
{
	color: #ffff00;
}

/*Dependents control and medical page*/
.btn-adjust::before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: Url('/images/medical_OSHC_icons.png');
	vertical-align: middle;
	margin-right: 4px;
}
.btn-delete::before
{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-image: Url('/images/medical_OSHC_icons.png');
	background-position: 20px 0px;
}

.ItemListWrapper
{
	border: 1px solid #666666;
}

.ItemListWrapper .liHeading
{
	background-color: #e1e1e1;
	height: 16px;
	padding: 5px;
	font-weight: bold;
}

.ItemListWrapper .ItemListMain
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.ItemListWrapper .ItemList
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.ItemListWrapper .ItemList li
{
	padding: 3px;
	border-top: 1px solid #e1e1e1;
}
.student-info-title
{
	font-size: 8pt;
	font-weight: normal;
}

.student-info-wrapper
{
	float: right;
	background-color: #ffffff;
	padding: 7px 7px 5px 7px;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
    font-size: 11px;
}

.client-info-wrapper
{
	float: right;
	background-color: #F9FBFF;
	padding: 5px 5px 3px 5px;
	border-radius: 5px;
	border: 1px solid #4AC5F7;
    font-size: 11px;
}

.checklist-display-table
{
    border: 1px solid #DDDDDD;
}
.checklist-display-table th
{
    padding: 3px;
    vertical-align: middle;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-left: 0;
    border-right: 0;
    font-size: 8pt;
}
.checklist-display-table td
{
    padding: 3px;
    vertical-align: middle;
    border-bottom: 1px solid #DDDDDD;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 8pt;
}
.agent-name-locked 
{
    background-color: #cccccc;
}

.barLink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 6px solid #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*font-size: 1.125rem;*/
    line-height: 20px;
    margin-top: 4px;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 12px;
}

.barLink:hover {
    border-left: 6px solid #0050C5;
}

.barLink a {
    text-decoration: none;
    color: #0050C5;
    font-size: 12pt;
}

.barLink a:hover {
    text-decoration: underline;
}

.PanelCellHeading span {
    /*min-height: 40px;*/
    display: block;
    color: #000000;
    font-size: 18px;
    /*line-height: 40px;*/
    /*font-weight: bold;*/
    font-family: 'Open Sans', sans-serif;
}


.PanelCell.FirstItem {
    padding-top: 10px;
}

.PanelCellHeading {
    padding-top: 20px;
    height: 40px;
    vertical-align: middle;
}

.PanelCellHeading.FirstHeading {
    padding-top: 0;
    height: 40px;
    vertical-align: middle;
}

.site-back-link {
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}

.site-back-link:hover {
    text-decoration: underline;
}

.site-logout {
    margin-right: 20px;
}

.site-logout a {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
}

#SiteMainContainer
{
    text-align: center;
    height: 100%; 
    min-width: 970px;
}

.cell-site-header {
     height: 127px; 
     background-color: #175FC7;
}

.cell-logged-in-user {
    text-align: right; 
    color: #ffffff;
    font-size: 13px;
}

.div-logged-in-user {
    margin-right: 20px;
}

.side-panel-home {
    background-color: #131b23; 
    padding: 20px 15px; 
    color: #ffffff; 
    margin-bottom: 10px;
}

.side-panel-home a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.cell-site-footer {
    height: 106px;
}

.div-site-footer {
    background-color: #131b23;
    padding: 5px;
}

.page-title-wrapper {
    margin-bottom: 20px;
}

.page-title-main {
    float: left;
}
.site-box {
    border: 1px solid #d5d5d5;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    position: relative;
}

.site-box.alt {
    background-color: #ffffff;
}

.site-box.home {
    background-color: #e6e8e6;
}


.site-box.client-home {
    background-color: #175Fc7;
    background: linear-gradient(#131b23, #175Fc7)
}

.top-right-link-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    z-index: 10;
}

.client-home-solid {
    background-color: #185ec5;
}

.site-info-box {
    border: 1px solid #E9F3F8;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #E9F3F8;
    line-height: 20px;
    border-radius: 5px;
    font-size: 10pt;
}

.site-info-box p {
    padding: 0;
    margin: 3px;
}

.site-info-box .info-title {
    font-size: 13pt;
    margin: 3px 3px 20px 3px;
}

.site-conditions-box {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    padding: 10px;
    margin-top: 20px;
    font-size: 10pt;
}

.form-error {
    color: #ff0000;
    font-size: 10pt;
    text-align: center;
}

.form-error-summery {
    color: #ff0000;
    font-size: 10pt;
}

.form-error-summery ul {
    padding:0;
    margin: 0 0 20px 0;
    list-style-type: none;
    text-align: center;
}



.college-info-display th {
    text-align: center;
}

.college-info-display .noncurrent-course {
    background-color: #ffffff;
}

.college-info-display td {
    padding: 0;
}
.college-info-display .current-course {
    background-color: #B8D6E4;
}

.college-info-display .top-row td {
    padding: 5px 8px 0 8px;
}

.college-info-display .bottom-row td {
    padding: 4px 8px 8px 8px;
}


.college-info-display .top-row td:first-child {
    border-top-left-radius: 4px;
}

.college-info-display .top-row td:last-child {
    border-top-right-radius: 4px;
}


.college-info-display .bottom-row td:first-child {
    border-bottom-left-radius: 4px;
}

.college-info-display .bottom-row td:last-child {
    border-bottom-right-radius: 4px;
}


.college-info-display .college-header th {
    background-color: #ffffff;
}


.college-info-display .college-header th:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.college-info-display .college-header th:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.college-info-display .buffer {
    height: 10px;
}

.college-info-display .college-buffer {
    height: 20px;
}

.college-info-display .extra-first-cell {
    width: 8px;
}

.college-info-display .course-info-status {
    color: #454449;
}

.college-info-display .course-info-status-completed {
    color: #2DBE5A;
}

.college-info-display .course-info-status-current {
    color: #2F86D8;
}

.college-info-display .course-info-status-enquiry {
    color: #fb02ff;
}

.college-info-display .course-info-status-reserved {
    color: #DF322E;
}

.college-info-display .course-info-status-discontinued {
    color: #ff8800;
}

.college-info-display .college-header .extra-column {
    padding-right: 15px;
}

.student-picture {
    border: 1px solid #e1e5e7;
}

.student-picture-control {
    border: 1px solid #e1e5e7;
    width: 107px; 
    height: 134px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation-name: student-picture-display;
    animation-duration: .25s;
}

@keyframes student-picture-display {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1
  }
}

.student-home-panel {
    border: 1px solid #e1e5e7;
    background-color: #ffffff;
    padding: 10px 10px 8px 10px;
    font-size: 10pt;
    width: 50%;
    border-radius: 4px;
}

.student-home-panel.student-home-panel-nonfinancial {
     border: 1px solid #ff0000;
    color: #ff0000;
}


.student-home-links-wrapper {
    border: 1px solid #e1e5e7;
    background-color: #ffffff;
    padding: 10px;
    margin: 20px 0;
    border-radius: 4px;
}
.student-home-links-title {
    float: left;
    font-size: 12pt;
    font-weight: bold;
    line-height: 36px;
}
.student-home-links {
    float: right;
   
}

.student-home-links a {
    font-size: 10pt;
    text-align: center;
    border: 1px solid #054a91;
    background-color: #054a91;
    color: #ffffff;
    padding: 10px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 4px;
    min-width: 140px;
    text-decoration: none;
}

.student-home-links a:hover {
    border: 1px solid #242424;
}

.student-home-course-info-heading {
    font-size: 12pt;
    padding: 20px;
    background-color: #81a4cd;
    color: #ffffff;
    border-radius: 4px;
}

.subject-selection-table-core {
    background-color: #ffffff;
}

.bottom-margin {
    margin-bottom: 20px;
}

.top-margin {
    margin-top: 20px;
}

.table-vertical-align-off td {
    vertical-align: middle;
}

.client-info {
    font-size: 10pt;
}


.form-small-text {
    font-size: 8pt;
    font-weight: normal;
    color: #919191;
}


.form-add-new-button {
    margin-bottom: 20px;
}



.site-main-table {
    border: 1px solid #ddd;
}

.site-main-table td {
    padding: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #333333;
    border-color: #DDDDDD;
}

.site-main-table-header-row {
    background-color: #131b23;

}

.site-main-table-header-row th {
    padding: 15px 10px;
    background-color: #131b23;
    border: 1px solid #131b23;
    color: #ffffff;
    font-weight: bold;
}


.site-main-table-header-row th a{
    color: #ffffff;
    font-weight: bold;
}

.site-main-table-row:hover {
    background-color: #F8DA4E;
    
}
.site-main-table-alt-row:hover {
    background-color: #F8DA4E;
}

.site-main-table-row {
    background-color: #ffffff;
    
}
.site-main-table-alt-row {
    background-color: #ffffff;
}

.site-main-table-pager {
    background-color: #f1f1f1;
}

.site-main-table-footer-row {
    background-color: #c1c1c1;
}

.site-main-table-pager td {
   border: 0;
}

.site-main-table a {
    color: #000000;
}



.site-main-table-selected-row {
    background-color: #F8DA4E;

}


.bulletin-heading {
    font-size: 16pt;
    color: #333333;
    font-weight: normal;
}

.bulletin-body {
    font-size: 10pt;
    color: #333333;
    font-weight: normal;
}

.bulletin-attachment-heading {
    font-size: 14pt;
    color: #333333;
    font-weight: normal;
    margin: 0;
}

.bulletin-attachment-table td {
    vertical-align: middle;
}

.bulletin-attachment-table a {
    color: #333333;
}

.site-box input[type="text"], .site-box select {
    font-size: 12pt;
    font-family: 'Open Sans',sans-serif;
    color: #333333;
}

.agent-form-terms {
    border: 1px solid #EBCBCB;
    border-radius: 4px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #F2DEDF;
    color: #961000;
}

.agent-form-terms .agent-form-terms-heading {
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 4px;
}

.agent-form-terms a {
    color: #961000;
}


.agent-not-accepted-terms-message {
    border: 1px solid #EBCBCB;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #F2DEDF;
    color: #961000;
}


.agent-org-banner-top {
    background-color: #ffffff;
    height: 70px;

}

.agent-org-banner-image {
    background-image: url('/images/AgentOrgBanner.jpg');
    background-size: cover;
    height: 238px;
    position: relative;
}

.agent-org-banner-text {
    position: absolute;
    top: 60px;
    right: 40%;
    font-size: 3em;
    color: #ffffff;
    /*background: rgba(54, 109, 221, 0.8);*/
    background: rgba(0, 0, 0, 0.3);
    padding: 24px 30px 30px 30px;
    border-radius: 2px;
}

.agent-org-banner-bottom {
    text-align: center;
    background-color: #222222;
    height: 70px;
    color: #ffffff;
    line-height: 70px;
    font-size: 1.4em;
}

.side-agent-org-selection {
    background-color: #ffbf00;
    height: 48px;
    cursor: pointer;
    color: #222222;
    font-size: 1.2em;
    padding-left: 18px;
    padding-top: 26px;
}

.agent-org-box-main {
    width: 70%;
    margin: 30px auto 0 auto;
}

.agent-org-wrapper {
    float: left;
    text-align: center;
    width: 33.33%;
}

.agent-org-box {
    border: 1px solid #DADCDF;
    background-color: #ffffff;
    width: 90%;
    height: 480px;
    margin: 0 auto;
    box-shadow: 2px 2px 2px #DADCDF, -1px 2px 2px #DADCDF;
}

.agent-box-logo-wrapper {
    margin-top: 80px;
    text-align: center;
}


.agent-org-box .agent-box-logo {
    width: 90%;
    max-width: 280px;
}

.agent-org-box-active {
    cursor: pointer;
}

.agent-org-select-box {
    width: 70%;
    max-width: 180px;
    height: 50px;
    background-color: #366DDE;
    color: #ffffff;
    margin: 80px auto 0 auto;
    line-height: 50px;
    border-radius: 3px;
    font-size: 1.4em;
}

.agent-org-left-logo-wrapper {
    margin: 16px 0 0 80px;
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 5px 5px 5px;
}

.agent-org-right-logo-wrapper {
    margin: 0 80px 0 0;
    background-color: #ffffff;
    display: inline-block;
    padding: 4px 30px 2px 30px;
}

.agent-org-box-empty {
    margin-top: 120px;
    font-size: 8em;
}


.bank-account-table {
    border-collapse: collapse;
    width: 100%;
}

.bank-account-table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.bank-account-table td.title {
    font-weight: bold;
    background-color: #f1f1f1;
}


.payment-option-block {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}


.payment-option-block .payment-option-card {
    display: inline-block;
    width: 320px;
    padding: 40px;
    text-align: center;
    margin: 0 20px 40px 20px;
    border: 1px solid #F3F2F4;
    box-shadow: 0 12px 30px 0 rgba(169,168,186,.12), 0 4px 14px 0 rgba(169,165,182,.12);
    border-radius: 4px;
    font-size: 12pt;
    position: relative;
    overflow: hidden;
}

.payment-option-block .payment-option-icon {
    font-size: 4em;
    line-height: 1em;
    min-height: 80px;
}

.payment-option-block .payment-option-title {
    font-size: 24pt;
}

.payment-option-block .payment-option-textpoints {
    text-align: left;
    display: inline-block;
     min-height: 140px;
}

.payment-option-block .payment-option-textpoints ul {
    margin: 20px 7px 0 7px;
    padding: 0;
}

.payment-option-block .payment-option-textpoints li {
        list-style-type: none;
        list-style-position: inside;
        padding: 3px 0 3px 10px;
        text-indent: -1.4em;
}

.payment-option-block .payment-option-textpoints li:before {
	/*color: #F85A3E;*/
    color: #888888;
	content: "\f058";
	font-family: "FontAwesome";
	width: 10px;
	height: 10px;
	margin-right: 8px;
	font-weight: 900;
}

.payment-option-block .payment-option-description {
    margin-top: 20px;
    min-height: 140px;
}

.payment-option-block .payment-option-card-preferred {
    border: 1px solid #D3D3FF;
    box-shadow: 0 12px 30px 0 rgba(23,95,199,.52), 0 4px 14px 0 rgba(23,95,199,.52);
}

.payment-option-block .payment-option-select-button {
    display: inline-block;
    background-color: #888888;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 20px;
}

.payment-option-block .payment-option-card-preferred .payment-option-textpoints li:before {
    color: #175FC7;
}

.payment-option-block .payment-option-selectable:hover .payment-option-textpoints li:before {
    color: #17c77e;
}

.payment-option-block .payment-option-card-preferred .payment-option-select-button {
    background-color: #175FC7;
}

.payment-option-block .payment-option-selectable:hover .payment-option-select-button {
    background-color: #17c77e;
}

.payment-option-block .payment-option-selectable {
    cursor: pointer;
}
.payment-option-block .payment-option-selectable:hover {
    border: 1px solid #17c77e;
    box-shadow: 0 12px 30px 0 rgba(23,199,126,.52), 0 4px 14px 0 rgba(23,199,126,.52);
}

.payment-option-block .payment-option-corner-ribbon {
    width: 200px;
    background: #175FC7;
    position: absolute;
    top: 25px;
    right: -50px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #ffffff;
}

.payment-option-block .payment-option-selectable:hover .payment-option-corner-ribbon {
    background: #17c77e;
}


.covid-message {
    background-color: #fff;
    border: 4px solid #FF6A00;
    border-radius: 4px;
    margin: 4px 10px;
    padding: 8px;
}

.covid-message-title {
    font-weight: bold;
}


.studentimage-cropped
{
    width: 22px;
    height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.package-section-form-table > tbody > tr > td {
    padding-top: 20px;
}
.package-section-form-table > tbody > tr > td:first-child {
    font-weight: bold;
    padding-top: 25px;
}

.package-section-form-table > tbody > tr:first-of-type > td {
    padding-top: 0;
}
.package-section-form-table > tbody > tr:first-of-type > td:first-child {
    padding-top: 5px;
}

.package-section-form-table > tbody > tr:not(.block-style) select {
    min-width: 600px;
    height: 28px;
    font-size: 14px !important;
}
.package-section-form-table > tbody > tr:not(.block-style) input[type=text] {
    min-width: 600px;
    height: 28px;
    font-size: 14px !important;
}
.package-section-form-table > tbody > tr input[type=text] {
    font-size: 14px !important;
}
.package-section-form-table > tbody > tr:not(.block-style) input[type=checkbox] {
    width: 20px;
    height: 20px;
}
.package-section-form-table > tbody > tr:not(.block-style) textarea {
    min-width: 600px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px !important;
}

.package-section-display-table {
    margin: 0;
    padding: 0;
}

.package-section-sub-heading {
    margin-bottom: 5px;
    font-weight: bold;
}

.package-section-next-wrapper {
    margin-top: 20px;
    text-align: right;
}