@import url("reset.css");

body { font:14px/21px "Georgia","Times",serif; color:#FFFFFF;background-color:#80523A; }

br.clear{clear:both;}

body{
/*	 background: #5d9dff url('/static/images/background.jpg') no-repeat top center; */
	background: #80523A url('/static/images/osp_bg_01.jpg') no-repeat top center;
	font: normal normal normal 14px/14px Arial, Helvetica, sans-serif;
}

strong, b{
 font-weight: bold;
}

#main-search{
	width: 420px;
	 margin: 40px auto 0; 
	/*margin: 0px 40px 0; */
	padding: 40px;
	height: 253px;
	position: relative;
	left:-20px;
}

h1{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-top: 5px;
	text-shadow: #000 1px 1px 1px;
}
form p{
	position: relative;
}

#p-school{
	margin-top: 34px;
}

#p-student-id{
	margin-top: 10px;
}

#p-student-id input{
	width: 260px;
}

#p-email{
	margin-top: 10px;
}

#p-email input{
	width: 260px;
}


#photographer-info{
	margin-top: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

label{
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-shadow: #000 1px 1px 1px;
	margin-bottom: 3px;
}

select, input{
	font-size:22px;
	padding: 3px;
	margin-bottom: 3px;
}

#p-search{
 	position: absolute;
/*	bottom: 25px;
	right: 30px; */
	left: 30px; 
}

#p-search input{
	border: none;
	background: transparent  url('/static/images/submit.png') no-repeat top left;
	padding: 10px;
	width: 125px;
	height: 58px;
	text-indent: -9999px;
}

#plogin{
	position: absolute;
	top: 8px;
	right: 8px;
}

#plogin a{
	text-decoration: none;
	font-weight: bold;
	color: #297CFF;
	background-color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
}

#alogin{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#alogin a{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding: 4px 10px;
}

#version{
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#version span{
	color: rgba(255, 255, 255, 0.2);
}

#flash-message .warning{
	padding: 10px;
	background-color: #ff2626;
	border-radius: 6px;
	box-shadow:0 1px 3px #9F9F9F inset;
	position: absolute;
	text-align: center;
	top: -30px;
}

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 3px 5px #9F9F9F;
	-webkit-box-shadow:0 3px 5px #9F9F9F;
	box-shadow:0 3px 5px #9F9F9F;
}

.error{
	/* position: absolute; 
	top: 16px;
	left: -225px;
	z-index: 8000;*/
	display: block;
	width: 190px;
	padding: 10px;
	background-color: #ee7878;
	border: 2px solid #A02D2D;
	border-radius: 6px;
	-moz-box-shadow:0 3px 5px #9F9F9F;
	-webkit-box-shadow:0 3px 5px #9F9F9F;
	box-shadow:0 3px 5px #9F9F9F;
}


.tool-tip-pointer {
	
	display: none; /* disabled for now */
	
	border-style: solid;
	border-width: 10px;
	border-color: #A02D2D;
	height:0;
	width:0;
	position:absolute;
}

.tool-tip-pointer.top-left{
	border-color: transparent transparent #A02D2D transparent;
	top: -20px;
	left: 20px;
}

.tool-tip-pointer.top-middle{
	border-color: transparent transparent #A02D2D transparent;
	top: -22px;
	left: 50%;
	margin-left: -5px;
}

.tool-tip-pointer.top-right{
	border-color: transparent transparent #A02D2D transparent;
	top: -20px;
	right: 20px;
}

.tool-tip-pointer.bottom-left{
	border-color: #A02D2D transparent transparent transparent;
	bottom:-19px;
	left:20px;
}

.tool-tip-pointer.bottom-middle{
	border-color: #A02D2D transparent transparent transparent;
	bottom:-20px;
	left: 50%;
	margin-left: -5px;
}

.tool-tip-pointer.bottom-right{
	border-color: #A02D2D transparent transparent transparent;
	bottom:-19px;
	right:20px;
}

.tool-tip-pointer.right-top{
	border-color:  transparent transparent transparent #A02D2D ;
	top:20px;
	right:-20px;
}

.tool-tip-pointer.right-middle{
	border-color:  transparent transparent transparent #A02D2D ;
	top:50%;
	margin-top: -10px;
	right:-20px;
}

.tool-tip-pointer.right-bottom{
	border-color:  transparent transparent transparent #A02D2D;
	bottom:20px;
	right:-20px;
}

.tool-tip-pointer.left-top{
	border-color: transparent #A02D2D transparent transparent;
	top:20px;
	left:-20px;
}

.tool-tip-pointer.left-middle{
	border-color: transparent #A02D2D transparent transparent;
	top:50%;
	margin-top: -10px;
	left:-20px;
}

.tool-tip-pointer.left-bottom{
	border-color: transparent #A02D2D transparent transparent;
	bottom:20px;
	left:-20px;
}