/*========== Global =========*/
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	min-width: 750px;
}

body,.ui-datalist-content {
	font-family: 'Droid Serif', 'Times New Roman', Times, Serif;
	font-weight: 400;
	font-size: 16px;
}

h1,h2,h3,h4 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: rgb(96, 120, 144);
}

h1 {
	font-weight: 700;
	font-size: 30px;
}

h2,h3,h4 {
	font-weight: 400;
	font-size: 25px;
}

.capitalized /*,.ui-autocomplete-item*/ {
	text-transform: capitalize;
}

li {
	list-style-type: disc;
}
/*====================== Top Area ===================*/
.header-content {
	height: 60px;
	padding: 10px 30px 10px 10px;
}

.header-content .logo {
	float: left;
	margin-right: 90px;
}

.header-content .dermatologyText {
	color: white;
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	padding-left: 5px;
}

.header-content .atlasText {
	font-family: 'Droid Serif', 'Times New Roman', Times, Serif;
	color: white;
	display: inline-block;
	background-image: url("/jakarta.faces.resource/caduceus.png.jsf?ln=images");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding-left: 40px;
	font-size: 25px;
}

.header {
	width: 100%;
}

.headerMenu {
	padding-top: 5px;
	padding-bottom: 5px;
}

.logoutForm {
	float: right;
}

.logoutForm a {
	color: white;
	text-decoration: none;
	font-weight: 400;
	font-size: 25px;
	padding-right: 40px;
	background-image: url("/jakarta.faces.resource/exit.png.jsf?ln=images");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.logoutForm a:VISITED {
	color: white;
}

.searchForm {
	margin-left: 10px;
	display: inline-block;
}

.searchForm h2 {
	color: white;
	vertical-align: bottom;
	display: inline-block;
	margin-right: 10px;
}

.searchForm .ui-autocomplete-input {
	height: 30px;
	width: 400px;
	box-shadow: none;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 0px;
	transition: border-color 0.2s ease 0s;
	width: 400px;
}

.searchForm .ui-inputfield.ui-state-focus {
	border: 1px solid rgb(28, 98, 185);
	box-shadow: 0px 0px 2px rgb(121, 183, 231), 0px 1px 2px
		rgb(143, 143, 143) inset;
}

.search-icon:hover {
	background-color: rgb(230, 230, 230) !important;
}

.search-icon {
	float: right;
	height: 30px;
	background: url("/jakarta.faces.resource/find_gray.png.jsf?ln=images") no-repeat center
		center !important;
	background-color: rgb(240, 240, 240) !important;
	background-size: 20px 20px !important;
	border-radius: 0;
	padding: 3px 0px;
	width: 50px;
	border: 1px solid rgb(204, 204, 204) !important;
	border-left: none !important;
	cursor: pointer;
}
/*============ Left side bar ==============*/
.sidebar1 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	float: left;
}

.sidebar1 ul li a {
	transition-property: background-color;
	transition-duration: 0.5s;
	display: block;
	padding: 10px 40px 10px 10px;
	color: rgb(96, 120, 144);
	text-decoration: none;
	text-align: left;
}

.sidebar1 .focused {
	font-weight: 700;
}

.sidebar1 ul li:hover a,.sidebar1 .focused {
	background-color: #acd1e9;
	color: white;
}

/*============ Middle Area =================*/
.content {
	overflow: hidden;
	padding: 20px;
	border-left: 1px dashed #a9c1d9;
}

article h2 {
	padding-right: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	border-bottom: 2px solid rgb(202, 204, 182);
	padding-bottom: 3px;
}

article {
	margin-bottom: 20px;
}

.article-content {
	padding-left: 10px;
	line-height: 1.5em;
}

.introduction .name {
	font-weight: 700;
}

.uploads li {
	padding-right: 5px;
}

.uploads a {
	
}

.main .thumbWrapper {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	margin: 8px;
}

.main .thumb {
	width: 120px;
	height: 120px;
	box-shadow: 2px 2px 5px black;
}

.photoDialog .photoDialogImage {
	max-width: 100%;
	max-height: 75vh;
	margin: 0 auto;
}

.email {
	background-image: url("/jakarta.faces.resource/mail_closed.png.jsf?ln=images");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: left -2px;
	padding-left: 25px;
}

a.email:HOVER {
	background-image: url("/jakarta.faces.resource/mail_open.png.jsf?ln=images");
}

.widget-no-border tr,.widget-no-border td {
	border: none;
}

.widget-no-border,.widget-no-border .ui-widget-content {
	border: none;
}

.remove-contributor-form .contributor-fields {
	border-bottom: 2px solid rgb(202, 204, 182);
}

.fields td {
	padding: 5px;
}

.label {
	font-weight: 400;
	font-size: 20px;
	margin-right: 10px;
	color: #607890;
}

.search-photo-header {
	margin-left: 20px;
	margin-bottom: 10px;
}

.edit-disease-form {
	margin-left: 20px;
}

.edit-disease-form .submit {
	margin-top: 10px;
	margin-left: 10px;
}

/*
.ui-lightbox-nav-right, .ui-lightbox-nav-left {
	display:hidden;
}
.ui-lightbox-caption, .ui-lightbox-close {
	position:absolute;
	top: 0px;
	right: 0px;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity:0;
}
.ui-lightbox-close:FOCUS, .ui-lightbox-close:ACTIVE {
}*/
.edit-gallery {
	margin-top: 10px;
	text-transform: capitalize;
}

.edit-gallery .thumb,.edit-gallery .selected-thumb {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 120px;
	height: 120px;
	margin: 8px;
	display: inline-block;
}

.edit-gallery .selected-thumb {
	opacity: 0.5;
}

.edit-gallery-form .submit {
	margin-left: 15px;
}

.remove-contributors .panel1 {
	margin-bottom: 30px;
}

.ui-selectonemenu-trigger {
	width: 24px !important;
}

.thumb-wrapper {
	float: left;
	display: inline-block;
}

.thumb-wrapper .thumb-script {
	visibility: hidden;
	background-color: rgb(121, 183, 231);
	box-shadow: 2px 2px 5px black;
	border-radius: 12px;
	position: fixed;
	top: 80px;
	right: 50px;
	z-index: 99999;
	padding: 10px;
	color: white;
	text-transform: none;
}

.thumb-wrapper:hover .thumb-script {
	visibility: visible;
}

/*=========== Login ============*/
.loginWrapper {
	position: absolute;
	top: 30%;
	left: 0px;
	right: 0px;
}

.login {
	color: black;
	margin: 0 auto;
	padding: 20px;
	width: 350px;
	border-radius: 5px;
}

.login h3 {
	font-size: 20px;
	margin-bottom: 10px
}

.login input[type="text"] {
	display: block;
}

.login input[type="submit"] {
	display: block;
	margin: 10px auto;
}

/*============ Footer ===========*/
footer {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgb(92, 156, 204);
}

.copyright {
	color: white;
	font-weight: 400;
	font-size: 13px;
	padding: 5px 21px 5px 0px;
	text-align: right;
}

/*========== Test Area ==========*/
ul.list-disease {
	width: 760px;
	margin-bottom: 20px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

ul.list-disease li {
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
}

ul.list-disease li {
	width: 50%;
}
/*========== Browse Tabs component ===============*/
#tabView {
	font-size: 16px;
	padding: 0px;
	border: none;
	border-radius: 0px;
}
/*
#tabView ul {
	border-bottom: 2px solid #caccb6;
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0% 0% #607890;
}*/
#tabView ul.ui-tabs-nav {
	background: none;
}

#tabView ul.ui-tabs-nav li a {
	padding: 0.5em 0em;
}

#tabView ul.ui-tabs-nav li {
	background: none;
	border: none;
	height: 45px;
	width: 30px;
	text-align: center;
	border: none;
}

#tabView ul.ui-tabs-nav li a {
	width: 100%;
	height: 100%;
}

#tabView ul.ui-tabs-nav li:HOVER {
	background-image: url("/jakarta.faces.resource/tag.png.jsf?ln=images");
	background-repeat: no-repeat;
	background-size: 24px 34px;
	background-position: center 6px;
}

#tabView ul.ui-tabs-nav li.ui-tabs-selected {
	background-image: url("/jakarta.faces.resource/tag-active.png.jsf?ln=images");
	background-repeat: no-repeat;
	background-size: 24px 34px;
	background-position: center 6px;
}

#tabView .ui-tabs-panel {
	padding: 0px;
}

#tabView ul.ui-tabs-nav li.ui-tabs-selected a {
	color: white;
}

/*========= TEST AREA ===========*/