/*

Not going to do all the size permutations. I'll leave that up to you.

The session banner thing is a div with several divs inside of it and
all the ids are prefixed with the word session to avoid collision:

<div id="session-holder">
  <div id="session-header">Public Edition</div>
  <div id="session-launchmap">Launch Map</div>
  <div id="session-account">My account</div>
  <div id="session-savedwork">My saved work</div>
  <div id="session-logout">Logout</div>
</div>

There's a PHP function in enterprise-pro's functions.php that runs
the session code and adds classes to each div with the session 'state'
appended to the id name for each div, separated by a hyphen e.g.:

session-holder-public

So basically all you need to do is create all permutations for all
ids and states. See below for a full implementation of the 'public'
state.

I prefixed all with div to ensure proper CSS precedence.

 -- Daniel

*/

/* common */
div#session-login-holder {
margin: 0 155px 0 0;
padding: 14px 0 0;
}
div.session-holder-common {
width: 120px;
background: #fff;
color: #4f3177;
white-space: nowrap !important;
display: inline-block;
margin-left: 5px;
text-align: center;
box-shadow: 0 1px 4px rgba(0,0,0,.4);
border-radius: 0 0 2px 2px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
padding: 8px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
div.session-buttons {
display: inline;
}
div.session-usertypefont-username-container-common {
text-align: right;
margin: -1px 0 -2px;
}
div.session-usertypefont-one {
font-size: 10px;
color: #9979da;
display: inline-block;
}
div.session-username-common {
text-align: right;
font-size: 11px;
color: #9979da;
font-weight: 700; 
cursor: default; 
display: inline-block;   
}
div.session-holder-common:hover div.session-username-common {
text-decoration: underline;
}
div.session-username-common:after {
content: "";
position: relative;
top: 11px;
margin-left: 2px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #9979da;    
}
div.session-usertype-common {
text-align: right;
font-size: 11px;
color: #666666;  
cursor: default;   
}
div.session-launchmap-common a {
text-align:center;
padding:7px 10px;
border: 1px solid #9979da;
margin-top:5px;
background: #fff;
font-size: 12px;
color: #9979da;
border-radius: 3px;
font-weight: 700;   
text-decoration: none;
display:block;
padding: 7px;
}
div.session-launchmap-common a:hover {
text-decoration: none;
background: #9979da;
border: 1px solid #9979da;
color: #fff;
}
div.session-holder-common:hover > div.session-links {
max-height: 550px;
visibility: visible;
opacity: 1;
}
div.session-links {
visibility: hidden;
opacity: 0;
-webkit-transition: all .20s ease;
-moz-transition: all .20s ease;
-ms-transition: all .20s ease;
-o-transition: all .20s ease;
transition: all .20s ease;
font-size: 12px;
padding: 4px 0;
}
div.session-link-common {
padding: 4px;
}
div.session-imagepath-common {
margin-top: 2px;
width: 130px;
}
img.session-imagepath-img-common {
	height: 35px;
}

/* public */
div.session-holder-public {
height: 72px;
}

div.session-signup-public {
}

div.session-login-public {
}

div.session-subscribe-public {
  display: none;
}

div.session-upgrade-public {
  display: none;
}

div.session-usertypefont-one-public {
display: none;
}

div.session-username-public {
display: none;
}

div.session-usertype-public {
text-align: center;
margin-top: 4px;
}

div.session-imagepath-public {
  display: none;
}

div.session-launchmap-public {
}

div.session-launchmap-public a {
}

div.session-launchmap-public a:hover {
}

div.session-account-public {
  display: none;
}

div.session-savedwork-public {
  display: none;
}

div.session-logout-public {
  display: none;
}

/* basic - AKA registered user */
div.session-holder-basic {
height: 85px;
}
div.session-holder-basic:hover {
height: 164px;
}

div.session-signup-basic {
  display: none;
}

div.session-login-basic {
  display: none;
}

div.session-subscribe-basic {
  display: none;
}

div.session-upgrade-basic {
}

div.session-username-basic {
}

div.session-usertype-basic {
}

div.session-imagepath-basic {
  display: none;
}

div.session-launchmap-basic {
}

div.session-launchmap-basic a {
}

div.session-launchmap-basic a:hover {
}

div.session-account-basic {
}

div.session-savedwork-basic {
}

div.session-logout-basic {
}

/* standard */
div.session-holder-standard {
height: 85px;
}

div.session-holder-standard:hover {
height: 164px;
}

div.session-signup-standard {
  display: none;
}

div.session-login-standard {
  display: none;
}

div.session-subscribe-standard {
  display: none;
}

div.session-upgrade-standard {
  display: none;
}

div.session-username-standard {
}

div.session-usertype-standard {
}

div.session-imagepath-standard {
  display: none;
}

div.session-launchmap-standard {
}

div.session-launchmap-standard a {
}

div.session-launchmap-standard a:hover {
}

div.session-account-standard {
}

div.session-savedwork-standard {
}

div.session-logout-standard {
}

/* premium */
div.session-holder-premium {
height: 85px;
}

div.session-holder-premium:hover {
height: 164px;
}

div.session-signup-premium {
  display: none;
}

div.session-login-premium {
  display: none;
}

div.session-subscribe-premium {
  display: none;
}

div.session-upgrade-premium {
  display: none;
}

div.session-username-premium {
}

div.session-usertype-premium {
}

div.session-imagepath-premium {
  display: none;
}

div.session-launchmap-premium {
}

div.session-launchmap-premium a {
}

div.session-launchmap-premium a:hover {
}

div.session-account-premium {
}

div.session-savedwork-premium {
}

div.session-logout-premium {
}

/* trial */
div.session-holder-trial {
height: 85px;
}

div.session-holder-trial:hover {
height: 164px;
}

div.session-signup-trial {
  display: none;
}

div.session-login-trial {
  display: none;
}

div.session-subscribe-trial {
}

div.session-upgrade-trial {
  display: none;
}

div.session-username-trial {
}

div.session-usertype-trial {
}

div.session-imagepath-trial {
  display: none;
}

div.session-launchmap-trial {
}

div.session-launchmap-trial a {
}

div.session-launchmap-trial a:hover {
}

div.session-account-trial {
}

div.session-savedwork-trial {
}

div.session-logout-trial {
}

/* enterprise - normal old school site license */
div.session-holder-enterprise {
  height: 93px;   
  width: 146px;
}

div.session-holder-enterprise:hover {
  height: 119px;
}

div.session-signup-enterprise {
  display: none;
}

div.session-login-enterprise {
  display: none;
}

div.session-subscribe-enterprise {
  display: none;
}

div.session-upgrade-enterprise {
  display: none;
}

div.session-usertypefont-one-enterprise {
display: none;
}

div.session-username-enterprise {
  display: none;
}

div.session-usertype-enterprise {
  display: none;
}

div.session-imagepath-enterprise {
margin-top: 2px;
}

div.session-launchmap-enterprise {
}

.session-launchmap-enterprise a {
}

div.session-launchmap-enterprise a:hover {
}

div.session-account-enterprise {
  display: none;
}

div.session-savedwork-enterprise {
}

div.session-logout-enterprise {
  display: none;
}

/* enterpriselogin - enterprise with login but NOT logged in*/
div.session-holder-enterpriselogin {
  height: 93px;   
  width: 146px;
}

div.session-holder-enterpriselogin:hover {
  height: 119px;
}

div.session-signup-enterpriselogin {
  display: none;
}

div.session-login-enterpriselogin {
}

div.session-subscribe-enterpriselogin {
  display: none;
}

div.session-upgrade-enterpriselogin {
  display: none;
}

div.session-usertypefont-one-enterpriselogin {
display: none;
}

div.session-username-enterpriselogin {
  display: none;
}

div.session-usertype-enterpriselogin {
  display: none;
}

div.session-imagepath-enterpriselogin {
}

div.session-launchmap-enterpriselogin {
}

.session-launchmap-enterpriselogin a {
}

div.session-launchmap-enterpriselogin a:hover {
}

div.session-account-enterpriselogin {
  display: none;
}

div.session-savedwork-enterpriselogin {
}

div.session-logout-enterpriselogin {
  display: none;
}

/* enterpriseloggedin - enterprise with login and logged in */
div.session-holder-enterpriseloggedin {
  height: 107px;   
  width: 146px;
}

div.session-holder-enterpriseloggedin:hover {
  height: 182px;
}

div.session-signup-enterpriseloggedin {
  display: none;
}

div.session-login-enterpriseloggedin {
  display: none;
}

div.session-subscribe-enterpriseloggedin {
  display: none;
}

div.session-upgrade-enterpriseloggedin {
  display: none;
}

div.session-username-enterpriseloggedin {
}

div.session-usertype-enterpriseloggedin {
  display: none;
}

div.session-imagepath-enterpriseloggedin {
}

div.session-launchmap-enterpriseloggedin {
}

.session-launchmap-enterpriseloggedin a {
}

div.session-launchmap-enterpriseloggedin a:hover {
}

#session-account-enterpriseloggedin {
  display: none;
}

div.session-savedwork-enterpriseloggedin {
}

div.session-logout-enterpriseloggedin {
}

/* clone - enterprise, but different */
div.session-holder-clone {
  height: 70px;   
  width: 146px;
}

div.session-holder-clone:hover {
}

div.session-signup-clone {
  display: none;
}

div.session-login-clone {
  display: none;
}

div.session-subscribe-clone {
  display: none;
}

div.session-upgrade-clone {
  display: none;
}

div.session-username-clone {
  display: none;
}

div.session-usertype-clone {
  display: none;
}

div.session-imagepath-clone {
}

div.session-launchmap-clone {
  display: none;
}

.session-launchmap-clone a {
}

div.session-launchmap-clone a:hover {
}

div.session-account-clone {
  display: none;
}

div.session-savedwork-clone {
  display: none;
}

div.session-logout-clone {
  display: none;
}

div.session-usertypefont-one-clone {
  display: none;
}


/* Open Map CTA - this is the call-to-action button that appears on the homepage */

.open-map-cta {}

.open-map-cta-public {

}

.open-map-cta-notpublic {
margin-top: 10px;
    padding: 20px;
    background: rgba(255,255,255,.6);
    border-radius: 2px;
}

/* Extra styling to get around some crap -- Daniel */
a#session-myaccount-a {
cursor: pointer;
}

a#session-logout-a {
cursor: pointer;
}

/* Extra styling for modal crap from Kevin -- Daniel */
/*
 * The following CSS is custom and is intended to suppliment our Bootstrap modal-only CSS. It's in a separate file so
 * we don't have to manually redo our adjustments/additions if we ever regenerate our Bootstrap CSS. The only thing
 * this doesn't include are the custom modal sizes that we added (as of now, just "modal-md"), as they had to go in the
 * Bootstrap CSS.
 */


/* Eliminate iframe borders in modals. */
.modal-content iframe {
	border: 0px;
}

/* Make links in modals match Bootstrap's. */
.modal-content a {
	color: #855fd3;
	text-decoration: none;
}
.modal-content a:hover, .modal-content a:focus {
	color: #5d32b4;
	text-decoration: underline;
}
.modal-content a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

/* Make the close button in the modal match Bootstrap's. */
.modal-content .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.modal-content .close:hover, .modal-content .close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.modal-content button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

/* Fix the modal headers and footers as they don't look right by default because we don't have all of Bootstrap. */
.modal-content .modal-header {
	font-family: "Open Sans", Open Sans, Arial, sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.modal-content .modal-footer {
	font-family: "Open Sans", Open Sans, Arial, sans-serif;
	text-align: center;
	font-size: 14px;
}

/* Add the shading properties for the body, header, and footer. */
.modal-content .modal-header.shade, .modal-content .modal-body.shade, .modal-content .modal-footer.shade {
	background: #f5f5f5;
}
/*
 * Border radius is not inhereted, so we need to inheret it to keep the top corners rounded. (It will become noticable
 * that they're not due to us changing the background color above.) At the same time, we don't want the bottom corners
 * of this div to be rounded.
 */
.modal-content .modal-header.shade {
	border-radius: inherit;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.modal-content .modal-footer.shade {
	border-radius: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Set the "hidden" header and footer styles. */
.modal-content .modal-header.no-display, .modal-content .modal-footer.no-display {
	padding: 5px;
}
.modal-content .modal-header.no-display {
	border-bottom: 0px;
}
.modal-content .modal-footer.no-display {
	border-top: 0px;
}

/* Set the style of the footer's default "Close" button. */
.modal-content .modal-footer .default-close-button {
	/* TODO */
}