/*	
	TALENT DATABASE CSS STYLESHEET
	Author: Joel Aichler
	Last Updated: 1/12/19
	Version: 3.0
*/
#tabs ul input li .morephotos {
    width:420px;
}
#tabs ul input li .morephotos ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
#tabs ul input li .morephotos li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
#tabs ul input li .morephotos img {
    display: block;
    height: auto;
    max-width: 100%;
}

#nameshadow {
	text-shadow: 5px 5px 7px #888;
}

#phead1 {
	font-family: 'Crafty Girls', sans-serif, Helvetica, Arial, Verdana;
	font-size: xx-large;
	color: red;
	text-shadow: 5px 5px 5px #888;
}

#phead2 {
	font-family: 'Crafty Girls', Arial, sans-serif, Helvetica, Verdana;
	font-size: x-large;
	color: DarkGreen;
	text-shadow: 1px 1px 1px #888;
}

#phead3 {
	font-size: large;
	color: green;
}

input {
	border: 2px solid black;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #888;
}

input:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

select {
	border: 2px solid black;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #888;
}

select:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

#listview { 
	border: 2px solid #FFFFCC;
	background: url(images/list-view.jpg) no-repeat;
	height: 35px;
	width: 35px;
	margin-bottom: 3px;
	margin-left: 1px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888;
}

#listview:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

#thumbview { 
  border: 2px solid #FFFFCC;
  background: url(images/thumb-view.png) no-repeat;
  height: 36px;
  width: 37px;
  margin-bottom: 3px;
  margin-left: 1px;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #888;
}

#thumbview:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

#textview { 
  border: 2px solid #FFFFCC;
  background: url(images/text-view.png) no-repeat;
  height: 37px;
  width: 37px;
  margin-bottom: 3px;
  margin-left: 1px;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #888;
}

#textview:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

.style26 {
	font-size:12pt;
	font-weight:bold;
}

.b {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFCC;
	border: 2px solid #FFFFCC;
	border-radius: 65%;
	box-shadow: 5px 5px 5px #888;
}

.b:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

.b1 {
	border: 2px solid #FFFFCC;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888;
}

.b1:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

.b2 {
	border: 2px solid #FFFFCC;
	box-shadow: 5px 5px 5px #888;
}

.b2:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

.b3 {
	border: 2px solid black;
	box-shadow: 3px 3px 3px #888;
}

.b3:hover {
	border: 2px solid cyan;
	box-shadow: none;
}

#tsearch {
	background-color:#006600;
	width:85px;
	height:30px;
}

#lsearch {
	background-color:#000066;
	width:125px;
	height:30px;
}

#rsearch {
	background-color:#FF9999;
	width:77px;
	height:30px;
}

#select {
	background-color:#000066;
	width:145px;
	height:30px;
}

#save {
	background-color:#AA0000;
	width:77px;
	height:30px;
}

#emptycart {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFCC;
	background-color:#FF9999;
	width:155px;
	height:30px;
}

#deleterole {
	background-color:#AA0000;
	width:120px;
	height:30px;
}

#deleteactor {
	background-color:#000066;
	width:150px;
	height:30px;
}

#moveactor {
	background-color:#006600;
        width:150px;
        height:30px;
}

#attribs1 {
	text-align:right;
	width:15px;
}

#attribs2 {
	text-align:right;
	width:30px;
}

#attribs3 {
	text-align:right;
	width:25px;
}

#attribs4 {
	text-align:right;
	width:30px;
}

ul {
	margin-left:none;
	list-style-type:none;
	font-size:16px;
}

td,th {
	float:none;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color: #0C3C15;
	border-style:none;
	font-size:12pt;
	background-color:#FFFFCC;
	margin:none;
	text-shadow: 5px 5px 5px #888;
}

body {
	border:none;
	padding:none;
	background-color:#FFFFCC;
	margin:0px 0px 0px 0px;
	float:none;
}

a {
	font-family:Times New Roman,Times,sans-serif;
	font-size:10pt;
	border-style:none;
	color:#FF6600;
}
a:link {
	text-decoration:none;
	border-style:none;
	color:#FF6600;
}
a:visited {
	text-decoration:none;
	border-style:none;
}
a:hover {
	text-decoration:underline;
	color:#CC0000;
}
a:active {
	text-decoration:none;
}

h2,h3,h4,h5,h6 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

h1 {
	font-family: 'Crafty Girls', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-shadow: 5px 5px 5px #888;
}

h6 {
	font-size:xx-small;
	color:#0C3C15;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#header{
	background-color:#FFFFCC;
	float:left;
	border-style:none;
	margin:auto;
	width:100%;
}

#header2{
	margin-bottom: 9px;
}

#headlines{
	float:none;
	position:relative;
	width:auto;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
}

#search-area {
	float:left;
	width:100%;
	font-size:14px;
	text-align:center;
	margin:auto;
	padding: 10px 10px 10px 10px;
	border: 2px solid pink;
	border-radius: 23%;
	box-shadow: 7px 7px 7px #888;
	background-color: #DDD;
}

#project-area {
	float:left;
	width:100%;
	font-size:14px;
	text-align:center;
	margin:auto;
	padding: 10px 10px 10px 10px;
	border: 2px solid pink;
	border-radius: 23%;
	box-shadow: 7px 7px 7px #888;
}

#search-results{
	float:left;
	width:100%;
	margin:auto;
	padding:0px 0px 0px 0px;
	border:none;
}

#footer{
	float:left;
	width:100%;
	text-align:center;
	margin:auto;
	margin-top: 65px;
	padding:0px 0px 0px 0px;
	border:none;
	background-color:#FFFFCC;
}
/***********************************************/
/* Components                                  */
/***********************************************/
.feature{
	font-size:80%;
	margin-left:none;
	margin-right:none;
	padding-left:none;
	padding-right:none;
	border-left:none;
	border-right:none;
}

.feature h3{
	padding:30px 0px 5px 0px;
	text-align:center;
}

.feature img{
	float:left;
	padding:10px 10px 0px 0px;
}
/************* #search styles ***************/
#search{
	font-size:85%;
}

#search form{
	margin:0px;
	padding:0px;
}

#search label{
	display:block;
	margin:0px;
	padding: 0px;
}
/*********** #sectionLinks styles ***********/
#sectionLinks{
	float:left;
	font-size:85%;
}

#sectionLinks h3{
	padding:10px 0px 2px 10px;
}

#sectionLinks a {
	display:block;
	padding:2px 0px 2px 10px;
}

#sectionLinks a:hover{
}
/************** #headlines styles **************/
#headlines{
	padding:5px 5px 5px 5px;
	font-size:85%;
}

#headlines p{
	padding:0px 0px 0px 0px;
}

/************* input search styles *************/
.cf:before, .cf:after{
	content:"";
	display:table;
}

.cf:after{
	clear:both;
}

.cf{
	zoom:1;
}

.form-wrapper {
	width: 160px;
	padding: 5px;
	margin:auto;
	background: #444;
	background: rgba(.2,.2,.2,.2);
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-box-shadow: 1px 1px 1px rgba(.4,.4,.4,.4) solid, 1px 1px 1px rgba(255,255,255,.2);
	-webkit-box-shadow: 1px 1px 1px rgba(.4,.4,.4,.4) solid, 1px 1px 1px rgba(255,255,255,.2);
	box-shadow: 1px 1px 1px rgba(.4,.4,.4,.4) solid, 1px 1px 1px rgba(255,255,255,.2);
}

.form-wrapper:hover {
	border: 1px solid cyan;
}

.form-wrapper input {
	width: 150px;
	height: 16px;
	padding: 7px 5px;
	float: left;    
	font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: thin;
	background: #eee;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;      
}

.form-wrapper input:focus {
	outline: 0;
	background: #fff;
	-moz-box-shadow: 2px 2px 2px rgba(.8,.8,.8,.8) solid;
	-webkit-box-shadow: 2px 2px 2px rgba(.8,.8,.8,.8) solid;
	box-shadow: 2px 2px 2px rgba(.8,.8,.8,.8) solid;
	border: 1px solid cyan;
}

.form-wrapper input::-webkit-input-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}

.form-wrapper input:-moz-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}