/* Menu active states and hover states */

.morelink a:visited{
    font-size: 0.8em;
}
.contacts_active {

	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/contact-icon.png') no-repeat center -38px;
}

.contacts_active :hover {

	float: left;
	height: 38px;
	width: 50px;

}
.gallery {
	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/gallery-icon.png') no-repeat center 0px;
}

.gallery:hover {
	background: url('../images/gallery-icon.png') no-repeat center -38px;
}

.gallery_active {

	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/gallery-icon.png') no-repeat center -38px;
}

.gallery_active:hover {

	float: left;
	height: 38px;
	width: 50px;

}

.settings_active {
	/* margin-right: 10px; */
	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/settings-icon.png') no-repeat center -38px;
}

.settings_active :hover {
	/* margin-right: 10px; */
	float: left;
	height: 38px;
	width: 50px;

}
.reminders_active {

	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/alarms-icon.png') no-repeat center -38px;
        }

.reminders_active :hover {
    overflow:hidden;
	float: left;
	height: 38px;
	width: 50px;

        }

.playlist_active {

	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/podcast-icon.png') no-repeat center -38px;
    }

.playlist_active :hover {

	float: left;
	height: 38px;
	width: 50px;

    }
.search_active {
	float: left;
	height: 38px;
	width: 50px;
	background: url('../images/search-icon.png') no-repeat center -38px;
}


/* Error explainations  */

#errorExplanation {



  margin-bottom: 20px;
  margin-right:2em;

}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;

  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  margin-right:30px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color:red;

}

/* For the Pagination  */
.pagination {
  padding: 3px;
  margin: 3px;
  text-decoration:none;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

/* error boxes */

#error_msg {
 
  font:medium;
  color:red;
  text-align:center;
}

#infobox{


  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-left:-10px;
  font:medium;
  color:green;
  text-align:center;
}

#blackboard {
    background-image:none;
    width: auto;
    width:270px;
    background-repeat: repeat-y;
    height:auto;
    border:black;
    border:solid;
    text-align:center;
    margin-bottom:17px;
    
}

.details{
    display:none;
}

#loginpanel input{
  position: relative;
  font-weight:100;
  color: black;
}

/* Lightbox to display the rovio console */

#choose_rovio{

background-color: white;
background-repeat:no-repeat;
height:auto;
position:absolute;
left:40%;

overflow:hidden;
padding:10px;
top:50px;
width:auto;
text-align:left;
}

#show_rovio{

background:transparent;
background-repeat:no-repeat;
height:auto;
position:absolute;
left:10%;

overflow:hidden;
padding:10px;
top:50px;
width:auto;
text-align:left;
}

.rovio_option{
    padding:3px;
    font-size:large;
    color:black;
    margin:8px;
}
.rovio_radio{
        margin-top: -13px;
        margin-left: 167px;
}

.rovio_action{
    position:relative;
    left:53px;
}

#location_time_zone { width: 200px;}

/* Background */
  #notice {  }
   #error_msg {
    }
    #notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
    #notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
    #notice a, #error a { text-decoration: none; padding: 0 3px; }
    #notice a { border: 1px solid #26722D; color: #26722D; }
    #error a { border: 1px solid #900; color: #900; }
    #notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }

.signup {
    margin-left: 10px;
}

.photocomment textarea{
    width:155px;
}
.photobox{
    height:278px;
}

/* Login panel need to redefine for light box  */