/* general.css */
#modalsWrapper
{
	font-size:100%;	
}

#modalBackground
{
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:99999;
	display:none;
	position:absolute;
	width:100%;
	height:200%;
	background:rgba(0,0,0,0.5);	
}

#modalBackground > div
{
	/*behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);*/
	background:#FFFFFF;
	width:460px;
	margin:54px auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	padding:0 0 16px 0;
	box-shadow:0px 1px 4px #000;
}

#modalBackground > div > h1
{
	/*behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);*/
	font-family:"VerdanaBold", Verdana, sans-serif;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	background-color:#3c3e43;		
	color:#dfdfdf;
	font-size:130%;
	line-height:60px;
	font-weight:normal;
	padding-left:16px;
	text-transform:capitalize;
	margin-bottom:8px;
}

#modalBackground > div > h1 > span
{
	float:right;
	font-size:160%;
	display:inline-block;
	cursor:pointer;
	margin-right:16px;
	margin-top:-4px;
}

#modalBackground > div > span
{
	font-family:"Verdana", Verdana, sans-serif;
	margin:16px 0 8px 32px;
	font-size:110%;
	display:inline-block;
	width:100%;
	font-weight:500;
}

#modalBackground > div > span > i
{
	color:#aaa;
	font-size:80%;
}

#modalBackground > div > textarea
{
	/*behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);*/
	font-family:"Verdana", Verdana, Sans-Serif;
	width:376px;
	margin-left:32px;
	margin-bottom:32px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	box-shadow:inset 1px 1px 2px #ccc;
	padding:8px;
	resize:vertical;
	color:#797979;
	border:1px solid #aaa;
	height:70px;
}

#modalBackground > div > div
{
	display:inline-block;
	margin-left:32px;
	margin-top:16px;
	width:396px;
	font-size:100%;
}



#modalBackground input.submitButton
{
	font-family:"VerdanaBold", Verdana, sans-serif;
	color:#fff;	
	/*behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);*/
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	border:0;
	padding:6px 16px;
	margin-top:0;
	margin-left:42px;
	text-transform:uppercase;
	cursor:pointer;
	font-size:90%;	
	display:inline-block;
	float:right;
	background-color: #436f93;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#436f93), to(#345571)); 
	background-image: -webkit-linear-gradient(top, #436f93, #345571); 
	background-image: -moz-linear-gradient(top, #436f93, #345571); 
	background-image: -ms-linear-gradient(top, #436f93, #345571); 
	background-image: -o-linear-gradient(top, #436f93, #345571); 
	background-image: linear-gradient(top, #436f93, #345571);
}

#modalBackground span.submitButton
{
	font-family:"VerdanaBold", Verdana, sans-serif;
	color:#fff;	
	border-radius:4px;
	background-clip: padding-box;
	border:0;
	padding:6px 16px;
	margin-top:0;
	margin-left:42px;
	text-transform:uppercase;
	cursor:pointer;
	font-size:90%;	
	display:inline-block;
	float:right;
    background:url(../../images/button.png) no-repeat center left;
    width:47px;
    height:15px;
    line-height:15px;
    text-align:center;
}

#modalBackground input.submitButton:active
{
	background-color: #345571;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#345571), to(#436f93)); 
	background-image: -webkit-linear-gradient(top, #345571, #436f93); 
	background-image: -moz-linear-gradient(top, #345571, #436f93); 
	background-image: -ms-linear-gradient(top, #345571, #436f93); 
	background-image: -o-linear-gradient(top, #345571, #436f93); 
	background-image: linear-gradient(top, #345571, #436f93); 
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3);
}


#modalBackground #modalBackground #confirmationModal, #confirmationSettingsModal, #confirmationRatingModal, #modalBackground #confirmationPassModal, #confirmationModal
{
	behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);
	font-size:90%;
	font-family:"Verdana", Verdana, Sans-Serif;
	background:#FFFFFF;
	width:460px;
	margin:200px auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	padding:0 0 16px 0;
	box-shadow:0px 1px 4px #000;
	line-height:180px;
	text-align:center;
}

#modalBackground #pdfModal
{
	font-size:90%;
	font-family:"Verdana", Verdana, Sans-Serif;
	background:#FFFFFF;
	width:460px;
	margin:200px auto;
	border-radius:10px;
	padding:0 0 16px 0;
	box-shadow:0px 1px 4px #000;
	text-align:left;
}

#pdfModal ol
{
	list-style:decimal;
	margin-left:30px;
	margin-top:15px;
}

#pdfModal ol li
{
	margin:10px 0;
	line-height:150%;
}

#confirmationModal img, #confirmationPassModal img, #confirmationSettingsModal img, #confirmationRatingModal img
{
	position:relative;
	margin:0 8px -4px 0;	
}



.modalButton
{
	/*behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);*/
	padding: 4px 0;
	width:80px;
	float:right;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	font-size:75%;	
	text-transform:uppercase;
	border:0;
	font-family:"VerdanaBold", Verdana, Sans-Serif;
	margin-left:16px;
}

.modalButton:active, .modalButtonActive
{
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3);
}

.save
{
	color:#fff;
	background-color: #436f93;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#436f93), to(#345571)); 
	background-image: -webkit-linear-gradient(top, #436f93, #345571); 
	background-image: -moz-linear-gradient(top, #436f93, #345571); 
	background-image: -ms-linear-gradient(top, #436f93, #345571); 
	background-image: -o-linear-gradient(top, #436f93, #345571); 
	background-image: linear-gradient(top, #436f93, #345571);
	margin-right:3px;
	padding-top:5px;
	padding-bottom:5px;
}

.save:active, .saveActive
{
	background-color: #345571;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#345571), to(#436f93)); 
	background-image: -webkit-linear-gradient(top, #345571, #436f93); 
	background-image: -moz-linear-gradient(top, #345571, #436f93); 
	background-image: -ms-linear-gradient(top, #345571, #436f93); 
	background-image: -o-linear-gradient(top, #345571, #436f93); 
	background-image: linear-gradient(top, #345571, #436f93); 
}

.cancel
{
	background-color: #d7d7d7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#efefef)); 
	background-image: -webkit-linear-gradient(top, #d7d7d7, #efefef); 
	background-image: -moz-linear-gradient(top, #d7d7d7, #efefef); 
	background-image: -ms-linear-gradient(top, #d7d7d7, #efefef); 
	background-image: -o-linear-gradient(top, #d7d7d7, #efefef); 
	background-image: linear-gradient(top, #d7d7d7, #efefef);
	color:#666;	
	border:1px solid #999;
}

.cancel:active, .cancelActive
{
	background-color: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d7d7d7)); 
	background-image: -webkit-linear-gradient(top, #efefef, #d7d7d7); 
	background-image: -moz-linear-gradient(top, #efefef, #d7d7d7);
	background-image: -ms-linear-gradient(top, #efefef, #d7d7d7);
	background-image: -o-linear-gradient(top, #efefef, #d7d7d7);
	background-image: linear-gradient(top, #efefef, #d7d7d7);
}


/* Notification.css */
#modalBackground > #notificationModal
{
	font-family: Calibri, Open Sans, Arial, sans-serif;
	margin:200px auto;
}

#modalBackground > #notificationModal .wrapper
{
    background-color: #FFF; /* CRUCIAL - Border must be on outer div*/
    border: 1px solid #C5C5C5;
    box-shadow: inset 1px 1px 3px #CCC;
    border-radius: 4px;
	overflow: hidden; /* CRUCIAL */
	position:relative;
	display:block;
	max-height: 300px;
}

#noteContent 
{
    padding: 10px;
    margin-bottom: 10px;
	display:block;
	position:relative; /* CRUCIAL */
}

#noteTitle
{
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 15px;
    width:360px; /* CRUCIAL */
}

#noteBody 
{
    font-size: 80%;
}

#noteOK 
{
    text-align: center;  
    cursor: pointer; 
}

/* Needed for scrollbar*/
#modalBackground #notificationModal  .sliderWrapper
{
	visibility:hidden; /* CRUCIAL */
	position:absolute; /* CRUCIAL */
	top:0; /* CRUCIAL */
	right:0; /* CRUCIAL */
	padding:0; 
	margin:0;
}

#modalBackground #notificationModal  .sliderVertical
{
	position:relative; /* CRUCIAL */
	padding:0;
	margin:0;
}

#modalBackground #notificationModal  .ui-slider-handle
{
	margin:0;
	padding:0;
	display:block;
	position:absolute; /* CRUCIAL */
	outline:none;
}


/* welcome.setpass.css */
#modalBackground > #welcomeModal, #modalBackground > #termsModal, #modalBackground > #setPassModal, #modalBackground > #welcomeSetPreferencesModal
{
	font-size:77.5%;
	font-family: Calibri, Open Sans, Arial, sans-serif;
	margin:200px auto;
}

#modalBackground > #setPassModal > div, #modalBackground > #welcomeModal > div, #modalBackground > #termsModal > div
{
	font-size:120%;	
}

#modalBackground > #welcomeModal > div > div
{
    font-size:90%;
}

#modalBackground > #welcomeSetPreferencesModal > div
{
    font-size:105%;
    font-family: Calibri, Open Sans, Arial, sans-serif;
    margin-left:44px;
}

#modalBackground > #welcomeSetPreferencesModal > div div.infoBlurb
{
    font-size:105%;
    width: 396px;
}

#modalBackground > #setPassModal > div span
{
	display:inline-block;
	margin-bottom:16px;
}

#modalBackground > #setPassModal p
{
	display:inline-block;
}

#modalBackground > #setPassModal > div > p > span 
{
	position: relative;
    top: 0px;
}

#modalBackground > #welcomeSetPreferencesModal > div > p > span
{
    font-size:105%;
    position: relative;
    top: 0px;
}

#modalBackground > #welcomeSetPreferencesModal > div span.label
{
    line-height: 24px;
    height: 24px;
}

#modalBackground > #setPassModal > div span.label
{
	display:inline-block;
	width:70px;
	text-align:right;
	padding-right:8px;
}

/*#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe ul.selectMe li a
{
    width:290px;
}*/

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe
{
    display:inline-block;
	font-size:100%;
	width:410px;
	height:24px;
	background:url(../../images/content/search-field-settings.jpg) no-repeat top left;
	position:relative;
	top: 5px;
	margin-right:4px;
	
}

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe ul.selectMe
{
	font-size:95%;
	overflow-y:auto;
	height:200px;
	width:400px;
	display:none;
	z-index:501;
}

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe a
{
	color:#000;
	width:100%;
}

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe a:hover
{
	text-decoration:none;
	background:none;
}

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe ul.selectMe li
{
	height:24px;	
	margin:0;
}

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe ul li:hover
{
	background-color: #fff;
}

#modalBackground > #welcomeSetPreferencesModal > div span div.selectMe ul.selectMe li a
{
	width:378px;
	margin:0;
	font-size:11px;
}

#ModalsContent_welcomeSetPreferences_TimeZonesList.first
{
    font-size:95%;
}

#ModalsContent_welcomeSetPreferences_TimeZonesList
{
	font-size:90%;
}

#modalBackground > #setPassModal > div > table > tbody > tr > td > input
{
	behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);
	width:300px;
	padding:6px;
	border:1px solid #c5c5c5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	box-shadow:inset 1px 1px 3px #ccc;
	font-family: Calibri, Open Sans, Arial, sans-serif;
}
#modalBackground > #setPassModal > div > table > tbody > tr > .label
{
    text-align:right;
    padding-right: 10px;
}
#modalBackground > #setPassModal > div > table > tbody > tr > td
{
    padding:10px 0 10px 0;
    vertical-align:middle;
}

#modalBackground #welcomeModal .eula
{
	behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);
	height:160px;	
	border:1px solid #c5c5c5;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	box-shadow:inset 1px 1px 3px #ccc;
	font-size:80%;
	line-height:120%;
	margin-bottom:64px;
	position:relative;
	display:block;
	overflow:hidden;
}

#modalBackground #termsModal .eula
{
	behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);
	height:300px;	
	border:1px solid #c5c5c5;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	box-shadow:inset 1px 1px 3px #ccc;
	font-size:80%;
	line-height:120%;
	margin-bottom:35px;
	position:relative;
	display:block;
	overflow:hidden;
}

#modalBackground #welcomeModal .scroll, #modalBackground #termsModal .scroll
{
	width:365px;
	display:block;
	position:relative;
	
}

.hr
{
	display:block;
	border-top:1px solid #ddd;	
	margin:8px 0;
}

#modalBackground #termsModal input.submitButton, #modalBackground #welcomeSetPreferencesModal input.submitButton
{
	margin-left:0;
	margin-top: -7px;	
}

#modalBackground #welcomeModal input.submitButton
{
    margin-left:0;
	margin-top: -11px;	
}

#modalBackground #welcomeSetPreferencesModal input#skipPref.submitButton 
{
	margin-right:4px;
}

#modalBackground #welcomeModal  .sliderWrapper, #modalBackground #termsModal  .sliderWrapper
{
	visibility:hidden; /* CRUCIAL */
	position:absolute; /* CRUCIAL */
	top:0; /* CRUCIAL */
	right:0; /* CRUCIAL */
	padding:0; 
	margin:0;
}

#modalBackground #welcomeModal  .sliderVertical, #modalBackground #termsModal  .sliderVertical
{
	position:relative; /* CRUCIAL */
	padding:0;
	margin:0;
}

#modalBackground #welcomeModal  .ui-slider-handle, #modalBackground #termsModal  .ui-slider-handle
{
	margin:0;
	padding:0;
	display:block;
	position:absolute; /* CRUCIAL */
	outline:none;
	background-color:#848383;
	box-shadow:inset 1px 1px 3px #000;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}


#modalBackground #welcomeModal #disable, #modalBackground #termsModal #disable
{
	behavior:url(http://portal.frontierstrategygroup.com/css/modals/PIE.htc);
	width:300px;
	height:20px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);	
	-pie-background:rgba(255,255,255,0.8);	
	z-index:200;
}

.status
{
	display:block;
	text-align:center;
	color:#d13428;	
	font-family: Calibri, Open Sans, Arial, sans-serif;
	padding-top:15px;
	height:30px;
}

#rb2
{
    margin-top:10px;
}
#welcomeModal .scroll h2, #termsModal .scroll h2
{
    margin-bottom:12px;
    font-size: 14px;
    font-weight: bold;
}
#welcomeModal .scroll h3, #termsModal .scroll h3
{
    margin-bottom:12px;
    font-size: 13px;
    font-weight: bold;
}
#welcomeModal .scroll p, #termsModal .scroll p
{
    margin-bottom: 12px;
}

#welcomeModal .bulleting, #termsModal .bulleting
{
    margin-top:15px;
    margin-bottom: 5px;
    display:block;
}
#welcomeModal .bulletingInside, #termsModal .bulletingInside
{
    display:block;
    margin-bottom: 5px;
}
#welcomeModal .bulletingInside > span, #termsModal .bulletingInside > span
{
   margin-left:5px;
   margin-right: 10px;
}
#welcomeModal .indented, #termsModal .indented
{
    margin-left: 28px;
}
#welcomeModal p.noBottomMargin, #termsModal p.noBottomMargin
{
    margin-bottom:1px;
}
#welcomeModal .inlineBlockLeft, #termsModal .inlineBlockLeft
{
    position:relative;
    float:left;
}
#welcomeModal .inlineBlockRight, #termsModal .inlineBlockRight
{
    float:right;
    width:320px;
}
#welcomeModal ul, #termsModal ul
{
    list-style-type: circle; 
    margin-left:13px; 
    margin-bottom:12px;
}

/* NEW MODAL SECTION */
/* modal.common.css */
div.modal div.modal-section
{
	border-bottom: 1px solid #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.modal div.modal-section textarea
{
	box-shadow: none;
	webkit-box-shadow: none;
}

div.modal div.modal-section label
{
	font-size: 13px;	
}

div.modal div.modal-section > label
{
	text-align: right;	
}

div.modal div.modal-content
{
	border-radius:0;
}

div.modal div.panel-body
{
	padding: 0;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}


/* modal.terms.css */
#termsModal div.modal-content div.eula
{
	overflow-y: auto;
	border: 1px solid #c5c5c5;
	height: 300px;
	padding: 10px;
	font-size: 80%;
}

#termsModal div.modal-content div.inlineBlockLeft
{
	position:relative;
	float:left;
}