/* Minification failed. Returning unminified contents.
(129,74): run-time error CSS1036: Expected expression, found ';'
(136,54): run-time error CSS1036: Expected expression, found ';'
 */
/* HTML5 Base
======================================================================================================= */
body { background: url('../img/bg_body.png') repeat-x 50% 0; }

	/* Forms
	------------------------------------------------------------------------ */
	input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea { width: 50%; }
	select { width: auto; }
	input[type="submit"] { width: auto; padding-left: 2.5em; padding-right: 2.5em; }
	
	textarea.full, input.intl-tel { width: 100%; }

    .readonly {
        background-color: #f2f2f2;
        cursor: not-allowed;
    }
	
	
	/* Buttons
	------------------------------------------------------------------------ */
	a.button.primary, a.button.secondary { display: inline-block; width: auto; }



/* Wrappers/Layout
======================================================================================================= */
.wrapper { width: 100%; padding: 0; }
.main-menu { left: 0; }
.main-content { margin: 20px 0 0 0; padding-left: 320px; width: 98%; }
.logged-out .main-content { padding-left: 0; margin: 20px auto; width: 95%; }

	/* Header
	------------------------------------------------------------------------ */
		
		/* Student Blue logo */
		.header-container a[rel="home"] { position: static; float: left; }
		
		/* BCBSNC logo */
		.header-container img.bcbsnc-logo { position: static; float: left; margin-top: 18px; clear: left; }
		
		.header-container .top-bar { padding-left: 20px; }

		/* Student Blue logo */
		.header-container a[rel="home"] { margin-top: 25px; }
	
		/* BCBSNC logo */
		.header-container img.bcbsnc-logo { margin-top: 20px; }

		/* Welcome User */
		.header-container .welcome { position: static; float: right; margin-top: 2.25em; margin-right: 5em; }
		.header-container .welcome span {}
		
		/* School Banner */
		.school-banner { height: 80px; text-align: left; }
		.school-banner .wrapper { padding-left: 20px; margin: 0; }
		.school-banner h1 { font-size: 1.71428571429em; line-height: 75px; }
		.school-banner .toggle-primary { display: none; }
	

	/* Main Content
	------------------------------------------------------------------------ */
	.main-container {}
	.main-container aside { float: left; width: 222px; }
	.main-container article { float: right; width: 714px; min-height: 600px; padding: 2em; background: #fff;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	}
	
	body.admin .main-container article { float: left; width: 100%; }



/* Navigation/Menus
======================================================================================================= */

	/* Account Options
	------------------------------------------------------------------------ */
	div.account-options { position: absolute; top: 0; right: 50px; width: auto; }
	div.account-options h3 { position: relative; float: right; top: auto; }
	div.account-options ul { top: 44px; right: 50%; width: 300px; margin-right: -21px; }
	
	
	/* Primary Menu
	------------------------------------------------------------------------ */
	nav.primary li { float: left; width: 100%; background: #fff; border-top: 1px solid #d9d9d9; border-left: 0; text-align: left; }
	nav.primary a { height: auto; padding: 1.5em 3.57143em 1.5em 3em; }
	nav.primary a:after { display: block; }
	nav.primary i { top: 50%; left: 1em; display: inline-block; width: 16px; height: 16px; margin-top: -8px; margin-left: 0; }
	
		/* Default Icons */
		nav.primary i.icon-home { background-position: -12px -12px; }
		nav.primary i.icon-document { background-position: -12px -42px; }
		nav.primary i.icon-mail { background-position: -12px -72px; }
		
		/* Active Icons */
		nav.primary li.active i.icon-home { background-position: -42px -12px; }
		nav.primary li.active i.icon-document { background-position: -42px -42px; }
		nav.primary li.active i.icon-mail { background-position: -42px -72px; }

	/* Admin Submenu
	--------------------------------------------------------------------------- */
	nav.admin-submenu { width: 50%; }
	nav.admin-submenu.super { width: 100%; }




/* Admin - General
========================================================================================================== */
.page-header { position: relative; }
.page-header:after { content: ""; display: table; clear: both; }
.page-header .title { width: 65%; margin: 0 0 1em; float: left; }
.page-header .title h1 { margin: 0 0 .2em; }
.config-header.page-header { height: 50px; }
.config-header.page-header .university-header { display: inline-flex; height: 100%;}
.config-header.page-header .university-header span { margin: auto 0 1em 0;}




/* Contact Us
======================================================================================================= */
section.contact { padding: 1em; background: #fff; border: 1px solid #d9d9d9;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
section.contact h4 { position: static; margin: 0 0 .5em; text-align: center; }
section.contact p { float: none; width: 100%; padding-bottom: 1em; font-weight: 400; text-align: center; }
section.contact p strong { display: block; line-height: 2; }
section.contact p.last { padding-top: 1em; border-top: 1px solid #d9d9d9; }
section.contact a { width: auto; height: auto; background: none; filter: ; color: #007bc7; line-height: normal; text-transform: none; text-decoration: underline;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
section.contact .visible-mobile { display: none; }
section.contact .visible-desktop { display: block; }

	/* Hover */
	section.contact a:hover { background: none; filter: ; text-decoration: none; }
	



/* Module Box
======================================================================================================= */
.module-box-group { float: left; width: 100%; clear: both; }
.module-box { float: left; width: 49%; margin: 0 0 0 2%; }
.module-box:first-child { margin-left: 0; }

/* University Admin Search
======================================================================================================= */
.university-admin-search input, .university-admin-search select { width: 100%; }
.university-admin-search .field { width: 50%; padding-right: 2.5%; float: left; height: 70px; }
.university-admin-search select { margin-bottom: 22px; }
.university-admin-search .alert.info-box { margin: 0; }
.university-admin-search .search-form { clear: left; }
.university-admin-search .search-student-id { width: 43%; }
.university-admin-search .search-university { width: 57%; }
.university-admin-search .search-first-name { width: 43%; }
.university-admin-search .search-middle { width: 20%; }
.university-admin-search .search-last-name { width: 37%; }
.university-admin-search .search-gender { clear: left; }
.university-admin-search .date-range .field { width: 46%; }
.university-admin-search .date-range .to-date { margin-left: 3%; }
.university-admin-search .date-range > span { width: 5%; margin-top: 10px; display: inline-block; float: left; text-align: center; }
.university-admin-search .date-range input { width: 90%; margin-right: 2.5%; }
.transaction-search-group { clear: both; }

	/* General Date Range Inputs */
	.date-range input { width: auto; margin-right: 1.5%; }

/* Admin - Student Account view
========================================================================================================= */
.admin-view-account { position: relative; }
.admin-view-account .title { width: 65%; margin: 0 0 1em; float: left; }
.admin-view-account .title h1 { margin: 0 0 .2em; }
.admin-view-account .edit-button { width: auto; margin: 0; float: right; }
/* .admin-view-account .account-summary { width: 50%; float: left; } */
/* .admin-view-account div.secondary { width: 45%; float: right; margin-top: 3.7em; } */
.admin-view-account .secondary .buttons { text-align: right; }
.admin-view-account .secondary .ui-tabs-panel { max-height: 750px; overflow: auto; }
.admin-view-account .secondary .ui-tabs-nav a { padding: .5em 3em; }

/* Admin - Transaction View
========================================================================================================== */
.admin-view-transaction .action-buttons { width: auto; margin: 0; float: right; }
.admin-view-transaction .real-time-start-date { clear: right; float: right; }
.admin-view-transaction .title { width: 65%; margin: 0 0 1em; float: left; }
.admin-view-transaction .title h1 { margin: 0 0 .2em; }
.admin-view-transaction .transaction-details { width: 50%; float: left; }
.admin-view-transaction div.secondary { width: 45%; float: right; margin-top: 3.7em; }

/* SB Admin - Configuration Screens
=========================================================================================================== */
.sb-admin-config .university-header { margin: 1em 0; float: left; }
.sb-admin-config .buttons { width: auto; float: right; }

/* jQuery Datepicker
=========================================================================================================== */
.ui-datepicker-trigger { display: inline-block; }

/* IE7 Box-Sizing Fixes */
.lt-ie8 .main-container article { width: 618px; }

.lt-ie8 .module-box { width: 245px; }

.lt-ie8 nav.admin-submenu { width: 440px; }
.lt-ie8 nav.admin-submenu li { width: 219px; }

.lt-ie8 nav.admin-submenu.super { width: 876px; }
.lt-ie8 nav.admin-submenu.super li { width: 292px; }

.lt-ie8 .definition-table dd { width: 48%; min-height: 0; }

.lt-ie8 .header-container .top-bar.wrapper { position: relative; }
.lt-ie8 div.account-options { top: 0; left: 700px; }
.lt-ie8 div.account-options ul { right: 34px; }

/* Accessible Tabs
======================================================================================================= */
.accessible-tabs { position: relative; }
.accessible-tabs .current-info {}
.accessible-tabs .tabhead {}
.accessible-tabs .tabs-list { width: 20%; top: 0; left: 0; position: absolute; z-index: 10; border-right: 0; border-radius: 5px 0 0 5px;  }
.accessible-tabs .content { margin-left: 20%; width: 80%; position: relative; z-index: 1; border-top: 1px solid #d9d9d9; border-radius: 0 5px 5px; }
.accessible-tabs .tabs-list li { border-right: none; }
.accessible-tabs .tabs-list li.first { border-radius: 5px 0 0 0;}
.accessible-tabs .tabs-list li.last { border-radius: 0 0 0 5px; }
.accessible-tabs .tabs-list li.current:after { content: ""; position: absolute; top: 0; right: -2px; width: 2px; height: 100%; background: #ffffff; z-index: 500; }
.accessible-tabs .tabs-list li a {}
.accessible-tabs .tabs-list li a:focus {}
.accessible-tabs .tabs-list li.current a {}
.accessible-tabs .tabs-list li.current {}
.accessible-tabs .pagination {}
.accessible-tabs .pagination a {}
.accessible-tabs .previous a {}
.accessible-tabs .previous a:before {}
.accessible-tabs .previous a span,
.accessible-tabs .next a span {}
.accessible-tabs .next,
.accessible-tabs .previous {}
.accessible-tabs .next a:before {}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

[class*="span-"] {
    padding-right: 2.5%;
    float: left;
}

.span-8 {
    width: 66%;
}

.span-6 {
    width: 50%;
}

.span-6 {
    width: 50%;
}

.span-4 {
    width: 33%;
}

.span-3 {
    width: 25%;
}

[class*="span-"] input[type="text"] {
    width: 100%;
}

.editor-span-6 textarea {
    width: 100%;
}

.editor-span-6 table {
    width: 100% !important;
}
.span-12 {
    clear: both;
    width: 100%;
}

.row {
    margin-bottom: 1em;
}

.editor-span-6 {
    float: none;
    width: 100%;
}


[class*="span-"] input[type="text"].admin-datepicker {
    width: 92%;
}

[class*="span-"].policyHolderDateOfBirthDiv input[type="text"] {
    width: 90%;
}

.inline-labels label {
    display: inline-block;
    padding-left: 10px;
}

    .inline-labels label:first-child {
        padding-left: 0;
    }

/* helper classes */

.p10-wrapper input {
    width: 10%;
}

input[type="text"].fit-datepicker {
	width: 92%;
}

