/***************************************************************
screen styles for wandwords web
2010.01.31 - Michael Burke
-------------------------------------------------------------
website		:	http://www.wandwords.com.au
filepath		:  c/foxserv/www/GlobalIncludes/styles/level2.css
author site :  http://www.bearfacts.com.au
version		:	2010.01.31	v.3
authors		:	Michael Burke & Warren Bradley
editors		:	SubEthaEdit (Mac), Crimson Editor (Win)
browsers		:  Safari, Firefox, IE 7
-------------------------------------------------------------
colours
dfeeff - blue palest
dbe7fb - blue pale
badaff - blue light
3571b7 - blue mid
142b45 - blue dark
f9d711 - yellow wand
505050 - grey
----------------------------------------------------------------
LAYOUT | TXT | LISTS | LINKS | ELEMENTS | IMAGES | TABLES | FORMS
***************************************************************/

* { 
	margin: 0;
	padding: 0;
}/* clobber browser defaults */

/*** LAYOUT ***/
body { 
	font-family: Helvetica, Geneva, sans-serif;   
	font-size: 100%;
	color: #142b45;
}


#logo {
   display: block;
   margin: 5px auto;
}/* logo embedded in html */

.menu {
	height: 30px;/* bg img height */
	line-height: 30px;/* vertically centre txt */
	background: url(../images/nav.png) repeat-x;
	color: #fff;
	clear: both;
	margin-top: 1px;
}/* emulate menu on attachments / discussions form */

.details_menu {
	width: 840px;
	margin: 0 auto;
	padding-bottom: 0;
}

.subject {
	border-bottom: 1px solid #3571b7;
	padding-bottom: 10px;
	width: 900px;
	margin: 0 auto;
	position: relative;
	font-size: 90%;
}

.level2 {
	border-bottom: 1px solid #dfeeff;
}/* under subject - lighter border */
 
.level3 {
	border-bottom: 1px solid #dfeeff;
	width: 840px;
}/* under subject - lighter border */

.clear {
	clear: both;
}

.submit {
	text-align: center;
	margin-bottom: 30px;
}/* centre submit btn */

.filler {
	min-height: 60px;
}

/*** TXT ***/
h1 {
	color: #3571b7;
	text-align: center;
	padding: 30px 0;
}
#errormsg {
	margin: 40px auto;
	width: 686px;
	height: 544px;
	text-align: center;
	background: url(../images/logon-bg.png) no-repeat;
}/* WB 11/11/11 attempt to get an error-message window

#welcome {
	margin: 60px 0;
}

p.edate {
	font-weight: bold;
	padding-top: 10px;	
	color: #505050;
	padding-bottom: 0;
}

p.title {
	padding-top: 5px;
	height: 20px;
	font-weight: bold;
}

.level2 p.title {
	padding: 10px 0 0 30px;
	margin: 0;
}/* indent under subject */

.level3 p.title {
	padding-left: 30px;
}/* indent under subject */

p.text {
	float: left;
	width: 690px;
}

.level2 p.text {
	width: 660px;
	padding-left: 30px;
}/* indent under subject */

.level3 p.text {
	width: 630px;
	padding-left: 30px;
}/* indent under subject */

p.thumbnail {
	width: 100px;
	float: right;
	margin-top: 0;
}

.level2 p.thumbnail {
	padding-right: 30px;
}/* indent under subject */

.level3 p.thumbnail {
	padding-right: 30px;
	padding-top: 20px;
}/* indent under level 2 */

p.submitted {
	text-align: right;
	color: #3571b7;/* blue mid */
	font-size: 80%;
	font-style: italic;
	position: absolute;
	top: 0;
	right: 0;
}

.level2 p.submitted {
	padding-right: 30px;
}/* indent under subject */
/* level3 submitted uses same right align */

.level3 p.submitted {
	padding-right: 30px;
}/* indent under subject */
/* level3 submitted uses same right align */

p#copyright {
	padding-left: 110px;/* allow for ww logo + margin */
	color: #3571b7;/* blue mid */
	font-size: 90%;
	padding-top: 60px;
	text-align: center;
}/* Wandwords copyright at bottom */

p.message {
	width: 900px;
	margin: 30px auto;
	font-style: italic;
}/* "No whatever found" txt */

.info {
	color: #505050;
	font-style: italic;
	font-size: 80%;
	background: none;
	position: absolute;
	top: 30px;
	left: 240px;/** was 210 **/
	padding-left: 0;
}
.database {
	color: #505050;
	font-style: italic;
	font-size: 80%;
	background: none;
	position: absolute;
	top: 60px;
	left: 30px;/** was 210 **/
	padding-left: 0;
}
.date {
	position: absolute;
	top: 30px;
	left: 30px;
}

/*** LISTS ***/
ul { 
	list-style: none;
}
	
li { 
	display: inline;
	padding: 0 1em;
	font-size: 90%;
}

li.heading {
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	background: none;
	padding-left: 30px;
}

li {
	background: url(../images/pipe.png) no-repeat;
}

/*** `LINKS ***/
/*
a:link,
a:visited  {
	color: #dbe7fb;
	text-decoration: none;
}

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

a:active {
	color: #f9d711;
	text-decoration: none;
}
a:link {
   text-decoration: underline;
}

li.italic a {
	font-style: normal;
	text-decoration: underline;
}

#main p#copyright a {
	color: #3571b7;
}


#welcome a:link,
#welcome a:visited {
	display: block;
	margin: 0 auto;
	height: 33px;
	line-height: 33px;
	width: 153px;
	background: url(../images/btn.png) no-repeat;
	color: #142b45;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
}

#main #welcome a:hover {
	background: url(../images/btn-rev.png) no-repeat;
	text-decoration: underline;
}

#welcome a:active {
	text-decoration: none;
}
*/
/*** `LINKS ***/

a:link,
a:visited {
/*
	display: block;
	margin: 10px auto;
	height: 33px;
	width: 153px;
	background: url(../images/btn.png) no-repeat;
	color: #142b45; 
	text-decoration: none;
	line-height: 33px;
*/
	display: block;
	align-items: flex-start;
	width: 120px;
	margin: 10px auto 0 auto;
	box-sizing: border-box;
	border-width: 1px;
	border-style: outset;
	border-color: buttonface;
	border-radius: 3px;
    font-size: 85%;
    font-weight: normal;
    color: #434343;
    background-color: white;
    text-decoration: none;
    text-align: center;
}
	/* border-color: buttonface; */
}

a:hover {
	background: url(../images/btn-rev.png) no-repeat;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

/* table & main txt links 
table a:link,
table a:visited,
p a:link,
p a:visited {
	color: #3571b7;
}
*/
/*** TABLES ***/
form#person_week table,
form#reportform table {
	width: 1200px;
}

form#reportform table {
	border-top: 1px solid #badaff;
}

table {
	border-collapse: collapse;
	border: 0;
	margin: 10px auto 0;
	font-size: 90%;
	width: 900px;
}

tr {
	border-bottom: 1px solid #fff;
}

th {
	border-bottom: 1px solid #fff;
	padding: 10px;
	text-align: left;
}

td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 10px;
	background: #dfeeff url(../images/td4.png) left bottom repeat-x;/* blue palest */
	height: 35px;
}

td.submit {
	text-align: center;
}/* centre submit btn */
tr.rowpurple td {
	background: #d3c4f5;
} /* WB 07 July 2011 Make one table row red (membership overdue) */
tr.rowred td {
	background: #ffd1d1; 
} /* WB 07 July 2011 Make one table row red (Seawatch overdue) */
tr.roworange td {
	background: #fde2ab;
} /* WB 07 July 2011 Make one table row orange(membership archived) */
tr.rowgrey td {
	background: #dcdcdc;
} /* WB 07 July 2011 Make one table row grey(radio log line cancelled) */
tr.rowtextred td {
	color: red	;
} /* WB 16 Nov 2011 Make one table row text red (radio log mayday, securite, assist) */
 tr.rowtransship td {
	background: #ddffdb;
}
tr.rowtransshiprcv td {
	background: #ddffdb;
	border: 1px solid #70b36d;
}
tr.roworiginal td {
	background: #fff;
	color: #aaa;
}
tr.rowuserinet td {
	background: black;
	color: white;
}
tr.rowbbinet td {
	background: #0B0B3B; 
/*	background: #0A0A2A; */
	color: white;
}
/*** `FORMS ***/
#task_form {
	width: 900px;/* match main */
	margin: 10px auto 0;/* breather - centre */
	background: url(../images/task-bg.png) left bottom repeat-x;
	padding-bottom: 20px;
	border-bottom: 1px solid #badaff;
/*	min-height: 380px;*/
}/* edit staff details - attachments / discussions */

#formleft {
	float: left;
	width: 440px;/* 440 + 10 pad right */
	margin: 0;
	padding: 20px 10px 30px 0;
	text-align: right;
}/* field labels - li */

#formright {
	float: left;
	width: 440px;/* 440 + 10 pad left */
	margin: 0;
	padding: 20px 0 30px 10px;
	text-align: left;
}/* input fields, drop-downs */

#formright ul {
	width: 440px;
}/* constrain ul in  */

#formleft li {
	display: block;
	float: none;/* display vertically */
	color: #232305;
	height: 40px;
	line-height: 30px;
	width: 440px;
	margin: 0;
	padding: 0;
	font-style: normal;
	background: none;
}/* field labels */

#formright div {
	height: 35px;
	padding-top: 5px;/* match li height */
}

#photo {
	clear: left;
	text-align: center;
}/* bottom div under fields */

#task_form p {
	margin: 0;
	padding: 10px;
	color: #142b45;
}/* in photo div */

/** attachments / discussions **/
#task_form #formleftfull {
	float: left;
	width: 240px;
	padding: 20px 10px 30px 0;
	text-align: right;
}/* field labels - li */

#formrightfull {
	float: left;
	width: 640px;
	padding: 20px 0 30px 10px;
}/* input fields, drop-downs */

#formleftfull li {
	display: block;
	float: none;/* display vertically */
	color: #232305;
	height: 40px;
	line-height: 30px;
	width: 240px;
	margin: 0;
	padding: 0;
	font-style: normal;
	background: none;
}/* field labels */

#formleftfull li.textarea {
	height: 80px;
}/* field labels */

#formrightfull div {
	height: 35px;
	padding-top: 5px;/* match li height */
}

#formrightfull div.formtext {
	height: 75px;
	padding-top: 5px;/* match li height */
}

/*** IMAGES ***/
img.thumbnail {
	float: right;
}/* uploaded tn img or icon */

#banner {
	float: right;
	margin-top: 40px;/* clears bottom nav */
	margin-right: 30px;/* align right */
}/* wandwords logo at bottom */

/*** ELEMENTS ***/
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.highlight {
	color: #b01c13;/* USM dark red */
}

/** clobber image link styles in FF & IE **/
a img {
   border: 0;
}

a:focus {
   outline: none;
}
/*------------------------------
colours
dfeeff - blue palest
dbe7fb - blue pale
badaff - blue light
3571b7 - blue mid
142b45 - blue dark
f9d711 - yellow wand
------------------------------*/