/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: CSS Changer
:: Base Styles
:: Structural Styles
:: Global Use Styles
:: Page-specific Styles
:: Foundation Overrides
*/




/* -----------------------------------------
   CSS CHANGER
----------------------------------------- */
.cont-css {position:fixed; top:0px; left:30px; background:#fff; border:1px solid #ddd; border-left:0px; padding:5px;}
.cont-css a {display:block; float:left; width:20px; height:20px; margin-right:7px; margin-bottom:5px; margin-left:4px;}
.cont-css div {cursor:pointer; clear:left; background:#efefef; text-transform:uppercase; font-size:10px; font-size:1.0rem; text-align:center; padding:5px;}
a.cont1-css {background:red}
a.cont2-css {background:#125483}
a.cont3-css {background:orange}

/* -----------------------------------------
   Base Styles
----------------------------------------- */
/*moz scrollbar jump*/
html { overflow-y:scroll; }
body {font-size: 12px; font-size:1.2rem; line-height: inherit;}

.nooverflow {overflow:hidden}

table {width:100%}
td {vertical-align:middle !important}
hr {margin:30px 0}
h1 {font-size:3.6rem}
h2 {font-size:1.8rem; font-size:18px; margin-bottom:30px;}
h3 {font-size:1.8rem;}
h4 {font-size:1.6rem;}

.center {text-align:center;}
.bold {font-weight:bold;}
.pad30 {padding:30px;}
.pad20 {padding:20px;}
.pad10 {padding:10px;}
.padvert30 {padding:30px 0;}
.pad-vert-20 {padding:20px 0;}
.padvert10 {padding:10px 0;}
.margin20 {margin:20px;}
.margin10 {margin:10px;}
.margin5 {margin:5px;}
.margin0 {margin:0px !important}
.bg-white {background:#fff;}
.bg-gray {background:#fafafa;}

.txt-whiteshadow {0 1px 1px #fff}
.bg-emph {background:#fafafa; border:solid 1px #efefef; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding:10px}
.emph {font-weight:bold}


/*Forms*/
input { -moz-border-radius:2px; -webkit-border-radius:2px; }
/*pointer cursors*/
input[type=submit],label,select,.pointer	{ cursor:pointer; }
.input-text {border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}


/* -----------------------------------------
   Structural Styles
----------------------------------------- */

/*USER TOP BAR*/
.bg-header {}
.cont-header {background:transparent; color:#fff; font-size:13px; font-size:1.3rem; text-transform:uppercase; padding:5px 0}
.cont-header a {font-size:13px; font-size:1.3rem;}
.cont-user-welcome {padding-top:15px; color:#555; font-size:10px; font-size:1.0rem}
.cont-user-welcome span {font-weight:bold;}
.cont-user-info {padding:10px 0}
.cont-user-info a {font-size:1.2rem; font-size:12px; background:#efefef; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-left:5px;}
.cont-user-info .small.button { font-size: 11px; padding: 5px 10px 5px; width: auto; color:#666 !important;}
.cont-user-info .small.button:hover {background:#666; color:#fff !important;}



.cont-logo {height:80px;}
.cont-logo a {color:#000; margin-top:5px; display:block}

/*PAGE CONTENT*/
.bg-main {padding-left:0px !important; font-size:11px;}
.bg-main span {margin-left:20px;}

.cont-main {height:270px;}
.cont-main a {}
.cont-main dd {margin-bottom:15px}
.cont-main h1 {font-size:2.2rem; font-size:22px; margin-bottom:20px;}
.cont-main p, .main-content dd {color:#fff}

.bg-ads {padding:0px; border-bottom:1px solid #efefef;}

h1.page-title {color:#fff; text-transform:; font-size:20px; font-size:2.0rem;  line-height:auto; padding:30px 15px; margin:0px; border-bottom:1px solid #fff;}
.page-title:before {content:''}

/*NAVIGATION*/
.nav-bar {margin-top:20px; border:0px;}	
.nav-bar>li {border:0px; margin-left:5px; line-height:10px !important;}
.nav-bar>li>a.main {font-size: 12px; font-size: 1.2rem; border-left:1px solid #efefef; height:auto !important;}
.nav-bar>li:hover {background:; border-bottom:0px solid #ddd;}

.nav-bar .flyout {top:20px;}
.nav-bar .flyout a {text-transform:none; font-size:1.1rem; background:#a5b8c1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding:0 6px; display:block;}
.nav-bar .flyout a:hover {background:#b7cdd7;}
.nav-bar .flyout dd {line-height:2em !important; margin-bottom:2px;}
.nav-bar .flyout-toggle {padding:8px 8px !important;}
.nav-bar .has-flyout {}

/*FOOTER*/
.cont-foot {background:#efefef; margin:40px 0 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding-bottom:20px}
.cont-foot h5 {text-transform:uppercase; color:#555; margin-bottom:15px; }
.cont-foot p {color:#6b6b6b;  line-height:20px;}
.cont-foot .techsupport {font-size:24px; font-size:2.4rem; color:#6b6b6b; font-family:Georgia, "Times New Roman", Times, serif; margin-top:15px;}
.cont-foot a {color:#787878; font-weight:bold;}
.cont-foot a:hover {color:#333}

/*COPYRIGHT*/
.cont-copyright {font-size:12px; font-size:1.2rem; color:#555; padding:10px 0px;}



/* -----------------------------------------
   PANELS (OUTLINED BOXES)
----------------------------------------- */
div.panel {
	padding: 20px 30px 2px 30px;
	background: #fafafa;
	filter:none;
	box-shadow:none;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	margin: 40px 0;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	}

/*credit bundle panels*/
div.panel.credit {margin:0 0 30px; padding:0 0 20px; text-align:center; border-top-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}
div.panel.credit button {margin:0px 30% !important}
div.panel.credit h1 {font-size:30px; font-size:3.0rem; padding:20px 0; margin:0px}
div.panel.credit h2 {margin:0px; padding:5px 0;}
div.panel.credit p {margin:20px;}

/*general purpose panel*/
div.panel.generic {margin:10px 0; padding:20px; text-align:center;}
div.panel.generic button {margin:0px 30% !important}

/* -----------------------------------------
   AD ROTATOR
----------------------------------------- */
.slider-nav {visibility:hidden}
div.orbit-wrapper div.timer {display:none;}
div.orbit.with-bullets {margin-bottom:30px;}
#cont-ads-rotate {overflow: hidden;  width:480px; height:270px !important;}
#cont-ads-rotate div {overflow: hidden; height:270px !important;}
.ad-content {background:#000 !important; vertical-align:middle; height:295px;}
ul.orbit-bullets {bottom: -50px;}
ul.orbit-bullets li {margin-left: 8px; background: url(../images/orbit/bullets.png) no-repeat 0px 0; width:25px; height:10px;}
ul.orbit-bullets li.active {background-position: -30px 0; }



/*ie7/8 fix for transparency*/
.ie7 .timer, .ie8 .timer { display: none !important; }
.ie7 .div.caption .ie8 .div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }

/* -----------------------------------------
  FRONT PAGE
----------------------------------------- */
.button span {font-size:20px; font-size:2.0rem; color:#fff; font-family:Georgia, "Times New Roman", Times, serif}
ul.features li {margin-bottom:4px !important;}
ul.features li span { background:url('../images/bg-check.png') no-repeat 0 0; padding:0px 0 4px 24px; display:inline-block; height:15px;}


/* -----------------------------------------
  ADS
----------------------------------------- */
.ad1 {background:#fff url(../images/ads/bg_columns.png);}
.ad1-cont {background:#555; width:70%;zoom: 1; filter: alpha(opacity=70); opacity: 0.7; padding:30px;}
.ad1-cont h1  {font-size:16px; font-size:1.6rem; color:#fff; margin-bottom:10px !important;}
.ad1-cont a {color:#fff;}
.ad1-cont p, .ad1-cont div, .ad1-cont span {color:#fff; margin-top:0px;}
.ad1-cont .type {text-transform:uppercase; font-weight:bold;}
.ad1-cont .time {font-weight:bold}
.ad1-cont .date {font-weight:bold}



.ad2 {background:#fff url(../images/ads/bg_board.png);}
.ad2-cont {background:#555; width:70%;zoom: 1; filter: alpha(opacity=70); opacity: 0.7; padding:30px;}
.ad2-cont h1  {font-size:16px; font-size:1.6rem; color:#fff; margin-bottom:10px !important;}
.ad2-cont a {color:#fff;}
.ad2-cont p, .ad2-cont div, .ad2-cont span {color:#fff;}
.ad2-cont .type {text-transform:uppercase; font-weight:bold;}
.ad2-cont .time {}
.ad2-cont .date {}




/* -----------------------------------------
  VIDEO ONLY
----------------------------------------- */

.cont-video-only {margin-bottom:-40px;background:url(../images/bg_grad.png) repeat-x; border-bottom:1px solid #efefef;}
.cont-video {height:370px; overflow:hidden;}
object {height:270px; width:480px} /*//MOST BIZARRE*/
.cont-video-desc {width:480px;}
.cont-video-desc p {padding:5px; font-size:11px; font-size:1.1rem; color:#555;}

.cont-video-list {width:460px}
.cont-video-list {height:270px;}
.cont-video-list a {display:block; border-bottom:1px solid #efefef; padding:5px 4px}
.cont-video-list ul {margin-top:10px;}
.cont-video-list ul li {margin-left:0px; padding:0px; margin:0px; line-height:auto;}
.cont-video-list ul li a {border:0px; font-size:1.1rem; font-size:11px; padding:7px; margin-bottom:2px; border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border:0px solid #666; background:#fff;}
.cont-video-list ul li a.active {color:inherit}
.cont-video-list ul li a.hover {color:#005788}

.cont-video-list h1 {font-size:2.2rem; font-size:22px; margin-bottom:20px;}
.cont-video-list p, .cont-video-list dd {color:#fff}





/* -----------------------------------------
  TABS
----------------------------------------- */

dl.tabs {margin-bottom:0px; height:55px; border:0px; border-bottom:1px solid #999; background:#555;}
dl.tabs dd {margin-left:10px; padding-top:4px;}
dl.tabs dd a {border:0px; font-size:1.3rem; font-size:13px; padding:0 20px; margin:8px 0; background:#777; color:#fbfbfb;
border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px; 
border:1px solid #666;
}


dl.tabs dd a.hover {background:#888 !important}
dl.tabs dd a.active {border:0px !important; background:#fff; color:#555; }
ul.tabs-content > li {display: block; position: absolute; left: -10000px;}
ul.tabs-content > li.active {position: static;}
dl.tabs-content .active {padding:0px;}
.tabs-content {background-color:#fff !important; padding-bottom:20px; border-radius:0px 0px 10px 10px; -webkit-border-radius::0px 0px 10px 10px; -moz-border-radius::0px 0px 10px 10px;}


/* -----------------------------------------
   LIST FILTERS
----------------------------------------- */
/*FRONT PAGE / COURSE LIBRARY FILTER LIST*/
.list-courses, .list-instructors {}
.list-courses {background:#555;}
.list-courses a, .list-instructors a {font-size:12px; font-size:1.2rem; padding:8px; display:block; color:#fafafa; border-bottom:1px solid #666}
.list-courses a:hover, .list-instructors a:hover, list-courses a:visited {background:#efefef; color:#555 !important;}
.filter-on, .filter-on a, .filter-on a:visited, .filter-on a:hover {background-color:#fafafa; color:#555 !important;}


/* -----------------------------------------
   DATATABLES (HAVE NO DYNAMIC STYLING)
----------------------------------------- */
#course-title {font-size:1.8rem; text-transform:uppercase; margin-bottom:-20px; padding:10px}
.col-course {width:58%;}
.col-course-short {width:40%;}
.dataTables_wrapper button {width:100% !important; margin-bottom:3px;}
table.dataTable tr.odd {background:#fff; border-bottom:1px solid #efefef}


.tblCourseDisplay {border:0px !important}
.tblCourseDisplay th {background:#666; padding:4px 0px 7px 4px !important; border-right:1px solid #999; font-size:10px; color:#fff !important; font-size:1.1rem; text-transform:uppercase; text-align:left;}
.tblCourseDisplay td {vertical-align:top !important; padding:8px 8px 8px 0px !important; border-bottom:1px solid #efefef}
.tblCourseDisplay td:first-child {vertical-align:top !important}
.tblCourseDisplay h5 {font-size:11px; font-size:1.1rem; margin-bottom:0px; font-weight:bold; margin-top:0px;color:#999; text-transform:uppercase}
.tblCourseDisplay p {font-size:13px; font-size:1.3rem}
.tblCourseDisplay a {color:#54b7ea; font-size:14px; font-size:1.4rem; border-bottom:2px solid transparent}
.tblCourseDisplay a:hover {}
.dataTables_filter {float:right; text-align:left !important; margin-top:-62px; margin-bottom:0px !important; margin-right:10px; margin-bottom:43px;}
.dataTables_filter input {height:30px; padding-left:10px; font-style:italic; color:#a4b7bf; font-size:1.6rem; font-size:16px; border:0px;}
.dataTables_filter label {float:left; text-align:left;}
.input-offset {position:relative; top:-20px}

.bg-tablehead {background:#666 url() repeat-x -1px !important;}


/*buttons*/
.bt-useraction-cont {width:75px; padding-right:0px !important;m} /*for columns*/
.bt-useraction-cont a.button, .but-useraction-cont .button { min-width:75px; font-size:11px; font-size:1.1rem; color:#333; margin-top:4px; padding:8px;} 
.bt-cart span {background:transparent url(../images/sprite_icons.png) no-repeat -5px -5px; width:30px; height:23px; display:block; float:left;}
.bt-calendar span {background:transparent url(../images/sprite_icons.png) no-repeat -5px -41px; width:30px; height:23px; display:block; float:left;}

/*pagination*/
.dataTables_paginate {width:100%; margin-top:20px; margin-bottom:30px;}
.dataTables_paginate a.paginate_button {}
.paginate_button {display:none;}
.dataTables_paginate a.paginate_active {
	border: 0px solid #aaa !important;
	background:#555 !important;
	color:#fff !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius:2px !important;
	padding: 5px 10px !important;
	margin: 0 3px;
	font-size:14px; font-size:1.4rem; margin-right:20px !important; font-weight:bold;}
	
	
	


/*sorting*/
.sorting_asc {background:#666 url('../images/datatables/sort_asc.png') no-repeat center right !important;}
.sorting_desc {background:#666 url('../images/datatables/sort_desc.png') no-repeat center right  !important;}
.sorting {background:#666 url('../images/datatables/sort_both.png') no-repeat center right  !important;}
.sorting_asc_disabled {background:#666 url('../images/datatables/sort_asc_disabled.png') no-repeat center right;}
.sorting_desc_disabled {background:#666 url('../images/datatables/sort_desc_disabled.png') no-repeat center right;}

/*course types*/
.filetype-webcast {background:url(../images/sprite_file_type.png) no-repeat 5px -75px; width:40px; height:40px; }
.filetype-video {background:url(../images/sprite_file_type.png) no-repeat 5px -30px; width:40px; height:40px; }
.filetype-audio {background:url(../images/sprite_file_type.png) no-repeat 5px 0px; width:40px; height:40px; }
.type-cost {display:block; padding:3px; width:50px; background:#ddd; text-align:center; 
-webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px; font-size:13px; font-size:1.3rem;}
.type-costlg {display:block; padding:3px; width:250px; background:#ddd; text-align:center; 
-webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px; font-size:13px; font-size:1.3rem;}
.filetype-text {background:url(../images/sprite_file_type.png) no-repeat 5px -115px; width:40px; height:40px; }

.type-credits {}


/*ie7/8 fix for transparency*/
.ie7 .timer, .ie8 .timer { display: none !important; }
.ie7 .div.captionm .ie8 .div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }

.ui-datepicker { width: 15em;}
.ui-datepicker * {font-size:11px !important}
.ui-datepicker td a {padding:1px;}


/* -----------------------------------------
   SOCIAL ICONS
----------------------------------------- */
.social {}
.social span {display:block; float:left; width:30px; height:30px; background:url(../images/sprite_social.png) no-repeat; margin-right:5px; cursor:pointer}
.social div {clear:both; padding-top:10px;}
.social_facebook {}
.social_google {background-position:0 -73px !important;}
.social_linkedin {background-position:0 -110px !important;}
.social_twitter {background-position:0 -36px !important;}

/*ALERTS*/
.courseExpire {color:#C00}


/*Course Accredation*/
.tblCredits td {text-align:center !important; border:1px solid #ddd;}
.tbl-subhead {background:#555 !important; font-weight:bold;}

/* -----------------------------------------
   Prgress Bar
----------------------------------------- */
span.progressbar  {display:block; width:120px;}
.progressbar img { border:1px solid #fff; display:block}
.courseProgress {background:#ddd; border:0px solid #fafafa; padding:5px; text-align:center}
.courseProgress span {font-size:2.0rem !important}




/* -----------------------------------------
   Page Specific
----------------------------------------- */


/* -----------------------------------------
   COURSE PLAYER PAGE
----------------------------------------- */
/*ie7/8 fix for transparency*/
.ie7 .timer, .ie8 .timer { display: none !important; }
.ie7 .div.captionm .ie8 .div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
.course-details-cont {}
.course-details-cont h3 {text-transform:uppercase; font-size:12px; font-size:1.2rem; background:#fff; padding:5px; border:1px solid #ddd; margin-bottom:0px;}
.course-details-cont .block-grid {}
.course-details-cont li { text-align:center !important; background-color:#fafafa; padding:5px 0;}
.course-details-cont li:hover {background-color:#ddd;}
.course-details-cont .block-grid a {font-size:11px; font-size:1.1rem;}
.course-details-cont .block-grid div {font-size:10px; font-size:1.0rem;}

.course-rating-cont {font-weight:bold; margin-top:12px; background-color:#fff; border:1px solid #fafafa; margin-right:10px; padding:3px 8px 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.course-rating-cont span {padding-left:10px; position:relative; top:4px;}


.course-materials-cont dd {border-bottom:1px solid #fff; font-size:1.1rem; font-size:11px; line-height:20px; overflow:hidden; height:20px; padding:3px 5px;}
.course-materials-cont dd a:after { content:"...";}

.course-bookmarks-cont {padding:15px; background:#ddd;}
.bt-course-bookmarks {margin-top:5px; text-align:right}
.course-bookmarks-cont input, .course-bookmarks-cont textarea {font-size:11px; font-size:1.1rem !important}
.icon-bookmark a {background:url(../images/icons/icon_bookmark.png) no-repeat 0px 5px; padding:5px; padding-left:18px; }

.course-button-cont {text-align:center;}
.course-button-cont a.button {margin-bottom:5px; padding:10px; width:140px;}

.flex-video {background:url(../images/ajax-loader.gif) no-repeat center center}

/*FILE TYPES*/
.courseRelated {padding-bottom:30px;}
.courseRelated a {display:block; font-size:12px; text-align:center;}
.courseReleated div {padding-top:10px;}
a.typeVideo, a.typeAudio, a.typeWebcast {background: url(../images/icons/icon_audio.png) no-repeat top center;}
a.typeVideo:hover, a.typeAudio:hover, a.typeWebcast:hover {background:#fafafa}

/*attribute specific icons*/
a[href$='.pdf'] {background:transparent url(../images/icons/icon_acrobat.png) no-repeat center left; padding:5px; padding-left:20px;}
a[href$='.xls'], a[href$='.xls']  { padding:0 20px 0 0; background:transparent url(../images/icons/icon_excel.png) no-repeat center left; padding:5px; padding-left:20px;}


/* -----------------------------------------
   RELATED COURSES
----------------------------------------- */
.related-courses-cont img {margin-bottom:10px;}
.related-courses-cont .columns div {background-color:#555; text-align:center; border:1px solid #555;}
.related-courses-cont .columns div:hover {border:1px solid #666;}
.related-courses-cont a {clear:both; display:block; color:#efefef; margin:5px; padding:5px;}



/* -----------------------------------------
   FAQ
----------------------------------------- */
#ctl00_MasterPagePH1_faqcont h6 {font-size:13px; font-size:1.3rem;  margin:0px; border:0px; padding:0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
#ctl00_MasterPagePH1_faqcont p, #ctl00_MasterPagePH1_faqcont li {font-size:13px; font-size:1.3rem;}




/* Interaction states Overrides
----------------------------------*/
#ctl00_MasterPagePH1_faqcont .ui-state-default, #ctl00_MasterPagePH1_faqcont .ui-widget-content .ui-state-default, #ctl00_MasterPagePH1_faqcont .ui-widget-header .ui-state-default {border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
#ctl00_MasterPagePH1_faqcont .ui-state-default a, #ctl00_MasterPagePH1_faqcont .ui-state-default a:link, #ctl00_MasterPagePH1_faqcont .ui-state-default a:visited {color:#555 !important;}
#ctl00_MasterPagePH1_faqcont .ui-state-hover a, #ctl00_MasterPagePH1_faqcont .ui-state-hover a:hover { color: #212121; text-decoration: none; }
#ctl00_MasterPagePH1_faqcont .ui-state-active, #ctl00_MasterPagePH1_faqcont .ui-state-active {background:#555; color:#fff !important; font-weight:bold;}
#ctl00_MasterPagePH1_faqcont .ui-accordion-content { padding:20px 0; border:0px}/**/






.search-cont {padding:20px; background:#555}
.search-cont p {color:#fff; font-size:14px; font-size:1.4rem; margin-bottom:5px;}
.search-cont div {display:none;}
.search-cont input {height:30px; padding-left:10px; font-style:italic; color:#a4b7bf; font-size:1.6rem; width:90%}


/* -----------------------------------------
   REGULAR FORM
----------------------------------------- */
label {display: block; margin: 20px 0 0px 0px !important;}
legend {padding: 0 2px 3px 2px; font-size:18px; font-size:1.8rem; margin-top:30px }
.custom.dropdown {width:auto !important;}
.custom.dropdown ul {width:100% !important;}

/*** Optionaly (jQuery Validate) ***/
.error { background-color: #FAF4F4; }
.error-image { background: url('../images/error.png') no-repeat right top; }
label.error { background: url('../images/alert.png') no-repeat; color: #DE5130; display: block; float: height: 13px; margin: 3px 3px 0 10px; padding-left: 21px; padding-top: 2px; }



/* -----------------------------------------
   STEP FORM
----------------------------------------- */
/*numbered titles for steps*/
.stepy-titles { list-style: none; margin:20px 0; padding: 0; width: 100%; text-transform:uppercase; }
.stepy-titles li { color: #DDD; cursor: pointer; float: left; padding: 10px; font-size:16px; font-size:1.6rem; font-weight:bold; background-color:#fafafa; margin-right:10px; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.stepy-titles li span {display: block; text-transform:none; font-weight:normal}
.stepy-titles .current-step { color: #555; cursor: auto; background-color:#ddd }

/*fieldsets*/
.step {clear: left;}
.step dl {margin-left:20px;}

.button-back { float: left; margin:40px 20px}
.button-next, .finish { float: right; margin:40px}
.button-back, .button-next, .finish {}
.button-back:hover, .button-next:hover, .finish:hover {}
/*these buttons have additional styling from app.js*/


.icon-help {width:20px; height:20px; cursor:pointer; display:inline-block; margin-left:5px;}



/* -----------------------------------------
   ADMINISTRATION
----------------------------------------- */
#admin-cont .ui-accordion-header {border:0px;background:#ddd; color:#fff; }
#admin-cont .ui-accordion-header a {padding:.5em; margin:0em;}
#admin-cont .ui-accordion-content { padding:0em; border:0px; margin:0em; background:#fafafa;}
#admin-cont .ui-accordion-content a {width:100%; display:block}
#admin-cont .ui-accordion-content li {border-bottom:1px solid #fff !important; padding:5px 10px;margin:0px;}
#admin-cont .ui-accordion-content li:hover {background:#efefef}
#admin-cont .ui-accordion-content-active { padding:.5em 0em}



/* -----------------------------------------
   FOUNDATION.css OVERRIDES
----------------------------------------- */

/* Remove leading for custom margins/padding */

.row .tight { margin-left: 0; }
.row .one.tight:not(:first-child)     { width: 8.7%;   }
.row .two.tight:not(:first-child)     { width: 17.4%;  }
.row .three.tight:not(:first-child)   { width: 26.1%;  }
.row .four.tight:not(:first-child)     { width: 34.8%;  }
.row .five.tight:not(:first-child)     { width: 43.5%;  }
.row .six.tight:not(:first-child)     { width: 52.2%;  }
.row .seven.tight:not(:first-child)   { width: 60.9%;  }
.row .eight.tight:not(:first-child)   { width: 69.6%;  }
.row .nine.tight:not(:first-child)     { width: 78.3%;  }
.row .ten.tight:not(:first-child)     { width: 87%;    }
.row .eleven.tight:not(:first-child)   { width: 95.7%;  }

.panel {margin-top:15px}
.tabs-content {min-height:300px}


/*FIX MODAL BGS ON DEVICES*/
/*iPhone*/
@media only screen and (max-device-width: 480px) {
.reveal-modal-bg {height: 99999px !important;}
}

/*iPad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.reveal-modal-bg {height: 99999px !important;}
}