/*
Theme Name: ultimaonline
Layout: MyUO
*/


.showview {

	padding-top: 20px;
	min-height: 100%;
	height: 100%;

}

.beta { font-family: Fondamento, serif;

}

#myuo {
	width: 100%;
	height: 100%;
	min-height: 100%;
    margin-top: -20px;
}


#char-info {
	overflow: hidden;
}

/* ############### SEARCH ############### */



#myuo input {
background: #ccc;
border: 1px solid #dedede;
padding: 10px 8px 7px 8px;
font-size: 12px;
color: #000;
    line-height: 18px;
}

#myuo button { width: 125px; }

.myUOsearch input { float: left; }

#myuo .error { background-color:#F8A2A4;
		 font-style:italic; 
		 color: #000; 
		 clear: both;}

#myuo select {
background: #ccc url('../images/select-dropdown.png') no-repeat center right;
border: 1px solid #dedede;
padding: 10px 65px 7px 8px;
font-size: 12px;
color: #000;
border-radius: 0;
width: 175px;
-webkit-appearance: none;
/* -moz-appearance: none;  */
    line-height: 18px;
}

#myuo input[type=submit] {
	line-height: 150%;
}
#myuo input[type=text], #myuo input[type=submit], #myuo select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	border: 1px solid #dedede;

}

#myuo input[type=text]:focus, #myuo input[type=submit]:focus, #myuo select:focus {
	box-shadow: 0 0 5px rgba(228, 179, 88, 1);
	border: 1px solid rgba(228, 179, 88, 1);
}

.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
}

#myuo .form-item, .form-actions {
	margin-top: 1em;
	margin-bottom: 1em;
}

#myuo .container-inline div, #myuo .container-inline label {
	display: inline;
}

.char_list_results { padding: 15px 0 0 0; 
}

/* ############### TABLES ############### */

#myuo table { border-bottom: 1px solid #ccc;
padding: 0 0 20px 0;
margin: 0 0 50px 0;
border-spacing: 0;
}

#myuo td { vertical-align: top;
	 padding: 3px 3px 0 3px; 
	 
}

#myuo .thead {
border-bottom: 1px solid #ccc;
padding: 0 0 15px 0;
font-size: 15px;
width: 150px;
	font-family: Mako, sans-serif;
}

#myuo .start { width: 400px; }


/* ############### CHARACTER INFO  ############### */

#char-info h2 {
color: #773d66;
font-size: 30px;
font-weight: normal;
margin: 0 0 15px 0;
line-height: 30px;
text-transform: uppercase;
}

#char-info ul {
	list-style-type: none;
	padding-left: 0;
}
	
.char-info-main {
width: 50%;
border-right: 1px solid #b9aa84;
padding: 4px;
min-height: 200px;
float: left;
height: 100%;
}

.char-info-main h3, .char-info-skills h3 {
	color: #773d66;
}

.char-info-skills {
width: 45%;
	margin-left: 5%;
float: left;
	min-height: 200px;
}

#skills_left {
	width: 70%;
	float: left;
}


#skills_right {
	width: 30%;
	float: left;
	text-align: right;
}




/* ############### GUILD INFO  ############### */
#myuo h1 { line-height: 150%; }



/* ############### GUILD ROSTER PAGINATION ############### */

#myuo .pagination {
  /*display: block;
  width: 90%; */
  font-size: 1.2em;
}

#myuo .pagination { /* first page styles */ }

#myuo .pagination li { font-weight: bold; display: inline;}

#myuo .pagination li a {
  display: block;
  float: left;
  color: #717171;
  background: #e9e9e9;
  text-decoration: none;
  padding: 5px 7px;
  margin-right: 6px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  
}
#myuo .pagination li a:hover {
  background: #eee;
  color: #555;
}


#myuo .pagination li.ng-scope.active a {
  background: #e4b358;
  color: #ccc;
  font-weight:lighter;
  border: solid 1px #e4b358;
  
}

/* PAGE STYLES */

#main {

	height: 100%;
	min-height: 100%;

}