/*----- ANY Size ---- */

/*----- 
li#liLiveHeader.category, #liLive, #liTagging, #liSchedule, .leftpane2
{display: none}

---- */


div#nav {
    margin-top: 0px;
}



/* Selected text color and background */

::-moz-selection { /* Code for Firefox */
  color: white;
  background: rgba(84,174,184,1);
}

::selection {
  color: white;
  background: rgba(84,174,184,1);
}

div#main{ background-color: transparent;}

.leftpane1, .leftpane2, .leftpane3 {
width: 210px;
background-color: #A8A8A8;}

#followers-list li:hover
{
   border-left: 1px solid #c4beac;
    border-right: 1px solid #c4beac;
    border-bottom: 1px solid #c4beac;
    margin-bottom: 0px !important;
    border-top: 3px solid #C53552 !important;
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

div#divEditHeader table tbody tr td a img:hover {
    transform: scale(3.0); /* (zoom - Note: if the zoom is too large, it will go outside of the viewport) */
position: absolute; 
  left: 0; 
  right: 0;
  top: 0;
  bottom: 0; 
  margin-left: auto; 
  margin-top: auto; 
  margin-right: auto; 
  margin-bottom: auto; 
  width: 240px; /* Need a specific value to work */

}

div#divHeaderMore table tbody tr td a img:hover {
    transform: scale(2.5); /* (zoom - Note: if the zoom is too large, it will go outside of the viewport) */
position: absolute; 
  left: 0; 
  right: 0;
  top: 0;
  bottom: 0; 
  margin-left: auto; 
  margin-top: auto; 
  margin-right: auto; 
  margin-bottom: auto; 
  width: 240px; /* Need a specific value to work */

}


#catalogueLogo
{
background-repeat:no-repeat;width:200px;height:100px;background-size:contain;background-color:transparent; display: none}
/*
#wrapper::before {
    content: "Shaping the future of learning";
    vertical-align: text-top;
    font-size: larger;
    font-family: helvetica;
}
*/
div#wrapper{padding: 10px;
width: 1240px;}

input#txtPassword.text-input, input#txtUserName.text-input, span#lblPassword.label, span#lblUserName.label, fieldset.editform
{
	width: auto !important;
	height: auto !important;
	font-size: 150%; !important;
}

 input#btnSubmit.custom-button.ui-state-default
 {
	width: auto !important;
	height: auto !important;
	font-size: 170%; !important;
	font-weight:bold;
	padding:10%;
}


#banner
{
background-repeat:no-repeat;width:1216px;height:180px;background-size: 100%;
}

ul.nav li.menu-item a, ul.nav li.menu-item {
text-decoration: none;
color: #000000;
Background-color: #A8A8A8;
border: solid 0px transparent;
}




ul.nav li.menu-item-selected {
	text-decoration: none;
    color: white;
	font-weight: bold;
	BACKGROUND-COLOR: #C53552;
	border-top: solid 1px #D3D3D2;
    border-bottom: solid 1px #D3D3D2;
}

ul.nav li.menu-item-selected a {
	text-decoration: none;
	color: White;
	font-weight: bold;

	border: solid 0px transparent;

	
}


ul.nav li.menu-item-selected:hover {
	color: white;
	BACKGROUND-COLOR: #3C3C3C;
	
}

ul.nav li.menu-item-selected a:hover {
	text-decoration: none;
	color: White;
	font-weight: bold;
	border: solid 0px transparent;
	BACKGROUND-COLOR:#3C3C3C;
}





ul.nav li.menu-item:hover
{
color: white;
	BACKGROUND-COLOR: #3C3C3C;
	border: solid 0px #bfe6f7;
}

ul.nav li.menu-item:hover a {
	text-decoration: none;
color: white;
	font-weight: bold;
	border: solid 0px transparent;
	BACKGROUND-COLOR: #3C3C3C;}


input#txtPassword.text-input, input#txtUserName.text-input, span#lblPassword.label, span#lblUserName.label, fieldset.editform
{
	width: auto !important;
	height: auto !important;
	font-size: 150%; !important;
}

 input#btnSubmit.custom-button.ui-state-default
 {
	width: auto !important;
	height: auto !important;
	font-size: 170%; !important;
	font-weight:bold;
	padding:10%;
}