/** CONTENTS ***********************************************************************************************************
  GENERAL
  TYPOGRAPHY
  NAVIGATION
  HEADER
  FOOTER
  HOME PAGE
  ABOUT
  CONTACT
  LOGIN
  JOIN
  SITEMAP
  MEMBERS - GENERAL
  MEMBERS - SEARCH
  MEMBERS - SHORTLIST
  MEMBERS - MESSAGES
  MEMBERS - VIEW PROFILE
  MEMBERS - EDIT PROFILE
  MEMBERS - ACCOUNT

/** GENERAL ***********************************************************************************************************/

a:link, a:active, a:visited {text-decoration: none; color:#5c0003;}
a:hover {text-decoration: underline;}

#banner {
  
}

body, html {height:100%;}
body form, body table, body p {font-size: 13px;}

body {
  width:100%;
  padding:0;
  margin:0;
  background-image:url('../images/bgtex.jpg');
  font-family: tahoma, arial, sans-serif;
  color:#2a2c33;
  font-size:13px;
  min-width: 55em;
}

.button {text-align: center;}

.colDuo {
  width:75%;
  float:right;
  border-left: #e1e0e0 solid 0.2em;
  text-align: left;
  padding-left:3em;
  margin:0;
  margin-left:1em;
}


.colSingle {
  width:90%;
  margin:0;
  margin:auto;
  margin-top:0em;
  text-align:center;
  padding:0 1.5em;
}

.content {width:57%; min-width:52.5em; margin:auto;}

.frame {
  width:100%;
  padding:0;
  margin:0;
  min-height:100%;
  text-align:center;
}


label {font-weight:bold; }

.recaptcha {text-align: center;}
.recaptcha input[type="text"]{min-width:2.5em;}

#skiplinks {display:none !important;}

/** TYPOGRAPHY ***********************************************************************************************************/

span.error p {color:red; margin:0 auto; max-width: 35em;}
span.error p:last-child {margin-bottom:2em;}

span.message {color:green;}

h1 {
  color:#031020;
  font-size:1.1em;
  text-transform: uppercase; 
  margin:0 0 1em 0;
}

h2 { 
  color:#031020;
  font-size:1em;
  padding-bottom:0;
  text-transform: uppercase;
}

h3 {
  color:#03111e;
  display:inline;
  font-size:1.2em;
  text-transform: uppercase;
}

h4 {margin:0; font-size:0.9em;}
h5 {font-size:1em;}
h6 {font-size:1.1em; margin:0;}

/** NAVIGATION ***********************************************************************************************************/

#navigation .login {border-left:#031020 solid thin;}
#navigation ul, #subnav ul {list-style: none;}

#navigation {
  text-align:right;
  font-family:tahoma;
  font-weight: bolder;
  text-transform:uppercase;
  font-size:1.45em;
  letter-spacing:-0.1em;
  border-top:0.1em #bbbcc1 solid;
  position:relative;
  left:-1em;
  margin:0em 0 0 -0.5em;
  z-index:0;
  text-align:center;
}

#navigation ul {
  width:100%;
  margin:auto;
  padding:0;
}

#navigation li {padding:0 0.8em; margin:0.2em 0; display:inline-block;}
#navigation a:active, #navigation a:link, #navigation a:visited {color:#7a7a7a; text-decoration: none;}
#navigation a:hover {color:#525354; text-decoration: none;}

#currentPage a:active, #currentPage a:link, #currentPage a:visited {color:#525354;}

#subnav {
  float:left;
  font-weight:bold;
  text-align:left;
  width:13%;
  font-size: 110%;
}

#currentSub a:active, #currentSub a:link, #currentSub a:visited {color:#5c0003; text-decoration: underline;}

#subnav ul {margin:0; padding:0;}
#subnav ul ul{font-weight:normal; padding-left:0.7em;}
#subnav ul ul li {padding:0 0.1em;}
#subnav li {padding:0.2em 0.1em 0 0.1em; font-size:1em;}

/** HEADER ***********************************************************************************************************/

#header {
  background-color:#a1181f; 
  box-shadow: 0 0 50em #490305 inset;
  -moz-box-shadow: -0em -1em 50em #490305 inset;
  -webkit-box-shadow: -0em -1em 50em #490305 inset;
  height:18.2em;
  position: relative;
  top:-6em;
  width:100%;
}

#header img {
  position:relative;
  top:3em;
  left:-1em;
  width:11em;
  z-index: 1; 
}

#header #navBar {  
  background-color: #fff;
  box-shadow: -1em 0em 2em black;
  -moz-box-shadow: -1em 0em 2em black;
  -webkit-box-shadow: -1em 0em 2em black;
  height:2.2em;
  position: relative;
  top:16.4em;
  width:100%;
}



/** FOOTER ***********************************************************************************************************/

#buffer {clear:both;}

#footer {
  text-align:center;
  padding-top:1.5em;
  padding-bottom:0.5em;
  margin:3em 0 -1.3em 0;
  border-top:0.3em white solid;
  background-color:#69090d; 
  box-shadow: 0em 0em 3em black;
  -moz-box-shadow: 0em 0em 3em black;
  -webkit-box-shadow: 0em 0em 3em black;
  font-size:0.9em;
  color:#9E3136;
}

#footer ul {
	list-style:none;
  margin:0;
  position:relative;
  z-index: 20;
}

#footer li {display:inline-block; color:white;}

#footer a:active, #footer a:link, #footer a:visited {text-decoration: none; color:#d0d0d0;}
#footer a:hover {text-decoration: underline;}

/** HOME PAGE ***********************************************************************************************************/

#home #colCenter {border-left: #e1e0e0 solid 0.2em; border-right: #e1e0e0 solid 0.2em;
}

#home .colTrio {
  width:25.5%;
  padding:0 2em;
  float:left;
  text-align: center;
  margin:0;
  margin-top:2em;
}

#home {padding-bottom:8em;}
#home table {margin:auto;}
#home select  {padding-left:0.2em; width:96%;}
#home .bannerBox {margin: auto; margin-bottom:2em;}
#home .colTrio img {
  width:90%;
  border:white 0.5em solid;
  margin:0.5em 0;
  margin-bottom:1em;
  box-shadow: 0em 0em 2em black;
  -moz-box-shadow: 0em 0em 2em black;
  -webkit-box-shadow: 0em 0em 2em black;
}

/** ABOUT/FAQ ***********************************************************************************************************/

#about div.colSingle, #faq div.colSingle {width:60%; }

/** CONTACT ***********************************************************************************************************/

#contact table {
  text-align: right;
  margin:auto;
  width:35em;
}

#contact input[type='text'], #contact input[type='email'], #contact textarea, #contact input[type='submit'] {
  width:100%;
}

/** LOGIN ***********************************************************************************************************/

#login table {margin:auto;}
#retrievedetails .form {margin:auto;}
#retrievedetails .error p:last-child {margin-bottom:1em;}

/** JOIN ***********************************************************************************************************/

#join table {
  text-align: left;
  margin:auto;
}

#join td {padding-left:0.3em;}

#join input[type="text"], .join select, .join input[type="email"], .join input[type="password"] {min-width:23em;}
#join input[type="submit"] {min-width:5em;}
#join .recaptcha input {min-width:4.5em !important;}

/** MEMBERS - GENERAL ***********************************************************************************************************/

.picProfile {
  width: 15em; 
  height: 15em; 
  overflow: hidden;
  border:0.2em #03111e solid;
  text-align:center;
}

.picProfile img {
  position: relative;
  top:-1em;
}

.picThumbnail {float:left; border:black solid 0.2em; margin-right:0.7em; overflow:hidden;}

.order {padding-left:0.3em;}
.order a:active, .order a:link, .order a:visited {text-decoration: none;}


#shortFrame h4 {display:inline;}
#shortColumn {float:left; display:block;}
.shortLinks {
  text-align:right;
  float:right !important;
  display:inline-block;
  width:35%;
  padding:0.3em;
}

#shortFrame {
  width:100%;
  padding:0.4em;
  border:thin solid white;
  background-color:#e4e6e5;
}

#shortRight {float:right; min-width:1em;}

.block td {
  background-color:#e4e5e5; 
  border:thin solid #e4e5e5!important;
  color:black;
  padding:0.1em 0.8em!important;
  text-transform: uppercase;
}

/** MEMBERS - SEARCH ***********************************************************************************************************/

#searchFrame {background-color: #e4e6e5; border:thin solid white; margin:2em 0 3em 0;}
#searchPage #shortFrame {margin-bottom:1em;}
#searchPage span.error p {margin:0 0 1em 0;}
#search .search tr.label td {padding-top:1em;}
#search table {width:100%; padding:1em 1em 0 1em;}
#search td {vertical-align:central;}
#search input[type="text"] {width:60%;}
#search select {padding:0.07em; float:right; width:38%;}
#search input[type="submit"] {width:100%; margin:1em 0;}
#search #topAlign td {vertical-align:text-top;}
#search #topAlign tr {margin-bottom: 2em; border:black thin solid; vertical-align:text-top;}

/** MEMBERS - MESSAGES ***********************************************************************************************************/

#messages #message {width:1.3em;}

#messages table{
  width:100%;
  border-collapse: collapse;
  margin:2em 0;
  border:thin solid #e4e5e5;
}

#messages td {border-top:#e4e5e5 solid 0.1em; border-bottom:#e4e5e5 solid 0.1em; padding:0.3em 0.8em;}
#messages input, #messages textarea {width:100%;}
#messages .noBorder {border:none!important;}
#messages .noBorder td {border:none!important;}
#messages .unread {font-weight:bold;}
#messages span.error p {margin: 0 0 0 0;}
#messages textarea {height:15em;}

/** MEMBERS - VIEW PROFILE ***********************************************************************************************************/

#viewprofile img#message {width:1.3em;}
#viewprofile #profile {width:100%;}
#viewprofile #profile td {padding:0;}

#viewprofile #profileInner {border:#03111e 0.2em solid; margin-top:0.2em; padding:0 1em;}
#viewprofile #profileInner td {padding-right:1em; width:100%;}
#viewprofile td.line {border-bottom:0.2em solid #e4e5e5; padding-bottom:1.5em; margin-bottom:1em; margin:auto;}
#viewprofile .refs table {width:48%; float:left; text-align: center;}
#viewprofile div.picViewProfile {
  float:right; 
  position: relative; 
  width: 17em; 
  height: 17em; 
  overflow: hidden;
  border:0.2em #03111e solid;
  text-align:center;
}

#viewprofile #profileSect {margin:2em 0;}

#viewprofile #profileSect ul {
  padding:0;
  padding-bottom:0.05em;
  margin-bottom:0;
  text-transform: uppercase;
  font-size: 0.9em;
}

#viewprofile #profileSect li {
  display: inline;
  padding:0.3em 0.5em;
  border:0.2em solid #03111e;
  border-bottom: none;
  background-color: #03111e;
}

#viewprofile .error p, #viewprofile .message p {margin:0;}
#viewprofile #profileSect a {color:white;}
#viewprofile #profileInner {background-color: #e4e6e5;}
#viewprofile #profileInner table.edit {margin-top:-0.8em;}
#viewprofile #currentTab {background-color: #e4e6e5 !important; font-weight: bold; padding-bottom:0.4em!important;}
#viewprofile #currentTab a {color:#03111e;}
#viewprofile td.nudge {position: relative; top:0.5em;}

/** MEMBERS - EDIT PROFILE ***********************************************************************************************************/

#editprofile td {padding:0.3em 0;}
#editprofile textarea {width:40em; height:15em;}
#editprofile select {min-width:1em;}
#editprofile div.colDuo img {float:left; margin:1em 0;}
#editprofile p {clear:both;}
#editprofile input[type="file"] {
  background-color:white;
  border:thin solid gray;
  -moz-border-radius:0.3em;
  -webkit-border-radius:0.3em;
  -khtml-border-radius:0.3em;
  border-radius:0.3em;
  width:23em;
}

#editprofile form.border table select {margin:0;}
#editprofile form.border table input[type='text'] {padding-left:0.2em; margin:0 0 0 -0.4em;}
#editprofile form.border table a:active,
#editprofile form.border table a:link,
#editprofile form.border table a:visited {font-size:0.95em; margin:0;}
#editprofile form.border table td.blank {border:none;}
#editprofile form.border table {border-collapse: collapse; margin:1em 0;}
#editprofile form.border table td {border:#e4e5e5 solid 0.1em; padding:0.3em 0.8em; min-width:9em;}
#editprofile form.border table input[type='submit'] {
  font-size: 0.95em; 
  background: none;
  border: none;
  color: #5c0003;
  cursor: pointer;
}

#editprofile table.experience textarea {width:11em; height:10em;}
#editprofile div.row {clear:both;}
#editprofile table.experience {
  border:#e4e5e5 solid 0.3em; 
  background-color: #e4e5e5;
  border-collapse: separate; 
  border-spacing:0.8em 0;
  margin:0.5em 0;
  float: left;
  width:103%;
}
#editprofile table.experience h4 {font-size:1em;}
#editprofile table.references h4 {margin-bottom:2em;}
#editprofile table.experience td.edit input[type='submit'] {float: left; margin-left:-0.2em;}
#editprofile table.addExp label {font-size:0.9em;}
#editprofile table.addExp input[type='text'] {margin-left:-34em;}

#editprofile table.addRef {margin-bottom:2em;}
#editprofile table.addRef label {font-size:0.9em;}

#editprofile  h4.experience {margin:2em 0 0.5em 0;}
#editprofile span.error p {margin:0 0 1em 0;}

/** MEMBERS - ACCOUNT ***********************************************************************************************************/

#editaccount table {text-align: left;}
#editaccount input[type="text"], .join select, .join input[type="email"], .join input[type="password"] {min-width:23em;}
#editaccount input[type="submit"] {min-width:5em;}

/** MEMBERS - SETTINGS ***********************************************************************************************************/

#settings input[type='submit'] {margin:0 0;}
#settings form {margin-top:-1em;}