/* Admin Styles */
@font-face{
	font-family: "Myriad Pro";
	src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
}
@font-face{
	font-family: "Corbel";
	src: url('../fonts/corbelb.ttf') format('truetype');
}
body{
	background: #fff;
}
#banner{
	margin-right: auto;
    margin-left: auto;
	width: 900px;
	text-align: center;
	position: relative;
	margin-top: 50px;
	z-index: 2;
}
table#content{
	width: 900px;
	height: 600px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 0px;
	background: #f2f2f2;
	position: relative;
	z-index: 1;
}
#menuWrapper{
	background: url('../images/topBg2.png');
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	width: 900px;
	height: 72px;
	position: relative;
	top: 0px;
	margin-right: auto;
    margin-left: auto;
	z-index: 8;
}
#uMenu{
	width: 800px;
	height: 30px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 45px;
	text-align: center;
}
#uMenu ul{
	list-style: none;
	margin-right: auto;
    margin-left: auto;
}
#uMenu li{
	display: inline-block;
	width: 150px;
	font: 14pt bold "Myriad Pro", "Myriad Web Pro";
	color: #444;
	cursor: pointer;
	text-align: center;
}
#uMenu li a{
	color: #444;
	text-decoration: none;
}
#uMenu li a:hover{
	color: #999;
	text-decoration: underline;
}
#updateSets:hover{
	color: #999;
	text-decoration: underline;
}
#message{
	float: right;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
}
#setList{
	margin-top: 10px;
}
#setWrapper{
	height: 100px;
	width: 840px;
	margin-right: auto;
    margin-left: auto;
}
#setTitle{
	width: 400px;
	height: 30px;
	margin-top: 10px;
	font: 14pt bold "Myriad Pro", "Myriad Web Pro";
	color: #666;
	display: block;
}
#setTitle a{
	color: #666;
}
#setTitle a:hover{
	color: #999;
}
#setDate{
	width: 400px;
	height: 30px;
	margin: 0px;
	font: 10pt bold "Myriad Pro", "Myriad Web Pro";
	display: block;
}
#setInfo{
	height: 50px;
	width: 200px;
	margin-top: 10px;
}
#setInfo a{
	color: #666;
}
#setInfo a:hover{
	color: #999;
	text-decoration: underline;
}
#setInfo span{
	color: #666;
}
#setInfo span:hover{
	
}
#setThumb{
	height: 100px;
	width: 90px;
	margin-top: 5px;
}
	
/* End menu and admin home specific styles Begin photoset viewing styles */
#singleSetTitle{
	width: 800px;
	height: 50px;
	margin-right: auto;
    margin-left: auto;
	font: 24pt bold "Myriad Pro", "Myriad Web Pro";
	text-align: center;
	color: #666;
}
#syncPhotos{
	width: 800px;
	height: 25px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
	font: 10pt bold "Myriad Pro", "Myriad Web Pro";
	text-align: center;
	color: #666;
}
#syncPhotos a{
	color: #666;
}
#syncPhotos a:hover{
	color: #999;
}
h4{
	width: 800px;
	height: 50px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
	font: 18pt bold "Myriad Pro", "Myriad Web Pro";
	text-align: left;
	color: #666;
	display: block;
}
#thumbWrapper{
	height: 120px;
	width: 120px;
	text-align: center;
	font: 9pt bold "Myriad Pro", "Myriad Web Pro";
	color: #666;
	float: left;
}
#pThumb{
	height: 80px;
	width: 80px;
	text-align: center;
	margin-right: auto;
    margin-left: auto;
}
#pThumb img{
	height: 75px;
	width: 75px;
	border: none;
}

/* Styles for the single photo viewer */
#viewWrapper{
	height: 500px;
	width: 800px;
	margin-right: auto;
    margin-left: auto;	
}
#imgWrapper{
	margin-right: auto;
    margin-left: auto;
	text-align: center;
	background: #000;
}
#imgWrapper img{
	margin-top: 25px;
	border: none;
}
#photoTitle{
	width: 500px;
	height: 40px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
	font: 18pt bold "Myriad Pro", "Myriad Web Pro";
	text-align: center;
	color: #666;
}
#photoTitle input{
	width: 300px;
	background: #E1EDFF;
}
#addType{
	width: 800px;
	height: 30px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 20px;
	text-align: center;
	font: 10pt bold "Myriad Pro", "Myriad Web Pro";
}
#photoLink{
	height: 30px;
	width: 500px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
}
#photoLink input{
	width: 300px;
	background: #E1EDFF;
}
#addType a{
	color: #666;
}
#addType a:hover{
	color: #999;
}
#description{
	height: 60px;
	width: 500px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
}
#description textarea{
	height: 60px;
	width: 500px;
	margin-right: auto;
    margin-left: auto;
}
#pFormWrapper{
	width: 650px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}
#medTitle{
	margin-right: auto;
    margin-left: auto;
	height: 35px;
	width: 400px;
	font: 16pt bold "Myriad Pro", "Myriad Web Pro";
	text-align: center;
	color: #666;
	margin-top: 10px;
}
#remove{
	margin-top: 5px;
	height: 15px;
	width: 15px;
	float: left;
	color: #666;
}
#remove2{
	margin-top: 5px;
	margin-left: 10px;
	height: 15px;
	width: 15px;
	display: inline-block;
	color: #666;
}
#pForm label{
	width: 100px;
	display: inline-block;
	margin-top: 5px;
	margin-left: 10px;
}
#select{
	width: 180px;
	display: inline;
	margin-right: 20px;
	margin-top: 5px;
}
#input{
	width: 180px;
	display: inline;
	margin-right: 20px;
	margin-top: 5px;
	background: #E1EDFF;
}
#input2{
	width: 20px;
	display: inline;
	margin-right: 10px;
	margin-top: 5px;
	background: #E1EDFF;
}
#removeBtn{
	position: relative;
	top: 2px;
	border: none;
	margin-left: 5px;
}
#submit{
	margin-right: auto;
    margin-left: auto;
	display: block;
	width: 150px;
	margin-top: 15px;
	background: #4F2700;
	color: #fff;
}
#mFormWrapper{
	width: 650px;
	height: 300px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid black;
}