/* Stylesheet for the fish recording*/

html {
	overflow-y:scroll;
}

body {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin:0;
	padding:0;
	color:#393939;
	background-image:url('../images/backgrounds/cardboard.jpg');
	text-align:center;
}

/*******************************\
        Layout divs
\*******************************/

#wrapper {
	width:1000px;
	margin:auto;
	text-align:left;
	/*background-image:url('../images/backgrounds/notepad_background.jpg');*/
	/*background-repeat:repeat-y;*/
	margin-top:10px;
}

#header {
	/*background-color:#ffffff;*/
	width:1000px;
	height:62px;
	text-align:center;
	margin-bottom:5px;
}

#pageTop {
	width:1000px;
	height:40px;
	background-image:url('../images/backgrounds/page_top.gif');
	background-repeat:no-repeat;
}

#pageMain {
	width:1000px;
	background-image:url('../images/backgrounds/notepad_background.gif');
	background-repeat:repeat-y;
	padding-top:10px;
	padding-bottom:10px;
}

#pageBottom {
	width:1000px;
	height:40px;
	background-image:url('../images/backgrounds/page_bottom.gif');
	background-repeat:no-repeat;
}

#leftColumn {
	float:left;
	width:175px;
	/*border:1px solid red;*/
	padding-top:22px;
}

#mainContent {
	margin-left:280px;
	/*border:1px solid green;*/
}

#footer {
	clear:both;
	/*background-color:#ffffff;*/
	/*height:30px;*/
	text-align:center;
	margin-top:20px;
	padding-bottom:100px;
}

#overlayForm {
	overflow:auto;
}

/*******************************\
            Links
\*******************************/

#leftColumn a {
	color:#595959;
	text-decoration:none;
}

#leftColumn a:hover {
	color:#000000;
	text-decoration:underline;
}

#mainContent a {
	/*color:#595959;*/
	color:blue;
	text-decoration:none;
}

#mainContent a:hover {
	color:#595959;
	text-decoration:underline;
}

/*******************************\
            Lists
\*******************************/

#leftColumn ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-left:10px;
}

#leftColumn ul li {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

#leftColumn ul li ul {
	margin:0px;
	padding:0px;
	margin-left:10px;
}

#leftColumn ul li ul li {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer ul li {
	display:inline;
}

/*******************************\
            Images
\*******************************/

img {
	border:none;
}

.imageRight {
	float:right;
	/*margin-left:5px;
	margin-bottom:5px;*/
	margin:5px;
	margin-top:0px;
}

.imageLeft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.button {
	vertical-align:middle;
}

#footer ul li img {
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px;
}

/*******************************\
      Fonts and colours
\*******************************/

h1 {
	color:#002b30;
}

.required {
	color:red;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
}

/*******************************\
          Classes
\*******************************/

.valignTop {
	vertical-align:top;
}

.bold {
	font-weight:bold;
}

.errorBox {
	background-color:#fef1ec;
	border:1px solid #cd0a0a;
	padding-left:10px;
	width:90%;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#cd0a0a;
}

.notification {
	width:90%;
	background-color:#f9f2ac;
	color:#1e658d;
	border:1px solid #b9b05b;
	padding:10px;
	margin-bottom:10px;
}

.errorBox h2 {
	color:red;
}

.closeOverlay {
	text-align:center;
}

.speciesName {
	font-style:italic;
}

.icon {
	vertical-align:middle;
}

/*******************************\
        Forms and inputs
\*******************************/

.latLongInput {
	
	width:40px;
	
}

.dateInput {
	width:80px;
}

.timeInput {
	width:20px;
}

.submitForm {
	text-align:right;
	padding-right:10px;
}

.loginBox {
	/*background-color:red;*/
	width:280px;
	height:30px;
	margin-bottom:5px;
}

.loginBoxLeft {
	/*background-color:yellow;*/
	float:left;
	width:100px;
	height:25px;
}

.loginBoxRight {
	/*background-color:lime;*/
	float:right;
	width:170px;
	height:25px;
}

/*******************************\
        Profile picture
\*******************************/

#profilePicContainer {
	float:right;
	width:228px;
	height:278px;
	text-align:center;
	background-image:url('../images/backgrounds/polaroid.png');
	background-repeat:no-repeat;
	/*background-color:red;*/
}

#profilePic {
	margin-top:10px;
	margin-right:7px;
	border:1px solid #000000;
}

#profilePicName {
	margin-top:15px;
	margin-right:7px;
	font-size:1.3em;	
}

/*******************************\
        png fix
\*******************************/

img, div {
	behavior:url('iepngfix.htc');
}

/*******************************\
        Search results
\*******************************/

.odd {
	background-color:#dedede;
	border:1px solid #aaaaaa;
	margin-bottom:2px;
	padding:10px;
	width:90%;
	margin:auto;	
}

.even {
	background-color:#cccccc;
	border:1px solid #aaaaaa;
	margin-bottom:2px;
	padding:10px;
	width:90%;
	margin:auto;
}

.odd p {
	padding:0px;
	margin:0px;
}

.even p {
	padding:0px;
	margin:0px;
}