body {
    margin: 0px; padding: 0px;
    background: #2E3C51;
    font-family: Arial, sans;
    font-size: 13px;
    line-height: 16px;
    color: #34485D;
}
/* for ie6 */
textarea{
    font-family: Arial, sans;
    font-size: 13px;
    line-height: 16px;  
    width: 300px;      
}
a {
	color: #4180AF;
	text-decoration: underline;
}
a:hover, a:visited:hover { color: #8f3622; }
a:visited { color: #7597B3; }

h2 {
  margin-bottom: 5px;
}

.clear { clear: both; }

.padded {
    padding: 8px;
}

.adv_search_form input, .adv_search_form select {
  color: #34485D;
}

.profile_thumb{
    position: relative;
}

.search_message {
  /*background: #FF9999;
  border: 1px solid #FF4444;*/
  color: #FF0000;
  font-weight: bold;
}

div.profile_dialog {
    position: absolute;
    text-align: left;
    background-color:#F0F4F4;
    border: 1px solid #D1D0D0;  
    padding:5px;
}

div.profile_dialog a{
    text-decoration:none;
}


.profile_thumb div.img {
  float: left;
  width: 50px;
  height: 70px;
  padding-right: 4px;
  overflow:hidden;
}


/* options bar */
div.bar{
  /* position: relative; */
  height: 25px;
  background-color: #F0F4F4;
}
div.bar a{
  top: 5px;
  margin-left: 5px;
}

ul.menu {
    height: 34px;
    padding: 5px;
    background: #f0f4f4;
    border: 1px solid #CECECE;
}

ul.menu a {
    color: #4180af;
    text-decoration: none;
}

ul.menu li,ul menu li>a {
    color: #4180af;
    text-decoration: none;
}
ul.menu li:hover, ul.menu li:hover  > a, li:visited:hover { 
    background-color: #4180AF;
    color: white;
}
ul.menu li:visited { 
    color: #4180af;
}

ul.menu li {
    display: block;
    float: left;
    border: 1px solid #E2E1E1;
    border-top: 1px solid #CFCDCE;
    background: #FEFCFC;    
    color: #8FADC4;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    margin-right: 10px;
    padding: 10px;    
}

#topmenu {
    border-top: 5px solid #144D87;
    background: #001037;
    color: #FFFFFF; /*#8FADC4;*/
    padding-top: 3px;
    padding-bottom: 4px;
    line-height: 13px;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

#topmenu .restricted {
    width: 940px;
    margin: 0px auto;
}

#topmenu a {
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 5px;
}

#main_body {
    width: 928px;
    margin: 0px auto;
    border-left: 1px solid #DACEAA;
    border-right: 1px solid #DACEAA;
    background: #FFFFFF;
    padding: 0px 6px;
}

/*
 * HEADER
 */
#header {
  margin-bottom: 5px;
}

#header #logo {
  border-bottom: 6px solid #4e6f92;
  background: #FFFFFF url(/templates/main/images/header_bkg.png) repeat-x top left;
  height: 77px;
  line-height: 77px;
}

#header #logo img {
  padding-top: 12px;
  padding-left: 20px;
}

#header #title {
    position: relative;
    border-top: 6px solid #90ACC2;
    background: #34485d;
    color: #FFFFFF;
    padding: 7px 25px;
    line-height: 24px;
    font-size: 24px;
    font-weight: bold;
}

#header #title a {
    color: #FFFFFF;
    text-decoration: none;
}

#header #title #login {
    position: absolute;
    top: 8px;
    right: 25px;
    width: 400px;
    text-align: right;
    font-size: 15px;
}

#content {
    border-bottom: 6px solid #2E3C51;
    border-left: 1px solid #90ACC2;
    border-right: 1px solid #90ACC2;
    background-color: #FFFFFF;
}

/*
 * LEFT
 */
#left {
    float: left;
    width: 568px;
    padding: 5px;
}

/*
 * RIGHT
 */
#right {
    float: right;
    width: 336px;
    margin-right: 5px;
}

#right .modbox {
  margin: 5px 0px;
}

 /*
  * FOOTER
  */
#footer {
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #34485D;
    clear: both;
}

/*
 * PagedBrowser
 */
.PagedBrowser {
  /* position: relative; */ 
}

.PagedBrowser .hits{
  /* position: relative; */  
}

.PagedBrowser .hit {
  width: 260px;
  height: 75px;
  float:left;
  margin-left: 15px;
}

.PagedBrowser .bar {
  height: 17px;
  padding: 2px 6px;
  border: 1px solid #D1D0D0;
  font-size: 12px;
  font-weight: 600;
}

.PagedBrowser .bar .next, .PagedBrowser .bar .prev,.PagedBrowser .bar .close {
  cursor: pointer;
}

.PagedBrowser .bar .prev {
  float: left;
}

.PagedBrowser .bar .next {
  float: right;
}

.PagedBrowser .bar .close {
  margin: auto;
  text-align:center;
}

.PagedBrowser .bar .list {
  float: center;
  text-align: center;
}

.PagedBrowser .no_results {
  background: #F0F4F4;
  border: 1px solid #CECECE;
  width: 300px;
  margin: 0px auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
  text-align: center;
  font-weight: bold;
}

.PagedBrowser .table_results {
  margin: 8px auto;
}

.PagedBrowser .table_results th {
  border-bottom: 1px solid #D1D0D0;
}

.PagedBrowser .table_results th, .PagedBrowser .table_results td {
  text-align: left;
  padding: 2px 4px;
}


/* END PagedBrowser */

 /*
 * Gompform - used sitewide to display forms
 */
.gompform label{
    display:block;
    width:100px;
    text-align: right;
    float:left;
    margin-right: 10px;
    position:relative;
    font-size: 0.9em;
    white-space:nowrap; 
}
.gompform p{
  clear: left;
}
/* .gompform p span{
   display:block;
   float: left;
   line-height: 1.1em;
}*/

/* 
 * Misc Sitewide styles
 */
 
h1{
  font-size: 18px;
}
h2{
  font-size: 14px;
}

a{
    text-decoration: none;
}

.hr {  
  border-top: 3px dotted #7E8386;   
  margin-top: 5px;
  margin-bottom: 12px;
}
p{
  margin-top:5px;
  margin-bottom:5px;
}
/* errors should be set to .error class*/
.error {
  color: red;
}
/* errors can have suggested resolutions, they should be class failureOptions */
ul.failureOptions{
  margin-left: 15px;
  margin-top: 5px;
}
ul.failureOptions li{
  margin-bottom: 5px;
}
/* required for jquery tooltip plugin */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid red;
    background-color: #FFf0f0;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/* used for info blurbs, ie confirmation, welcome, etc. */
.blurb{
  position:relative;
  top:50px;
  padding: 15px;
  margin: auto;
  width: 350px;
  font-size: 1.2em;
  background-color: #F0F4F4;
  border: 1px solid #D1D0D0;     
  line-height: 1.2em;  
}

.modbox a{
    text-decoration: underline;
}

/* LOGIN FORM */
#login h1 {
  margin-top: 15px;
  margin-bottom: 8px;
}
/* END LOGIN FORM */

/* WORDPRESS CONTENT */
.content_item h1 {
  margin-top: 15px;
  margin-bottom: 8px;
}
/* END WORDPRESS CONTENT */

/* PROFILE */

#view #vitals_wrapper {
  width: 104px;
}

#view #picture {
  border: 1px solid #000000;
  padding: 1px;
}

#view #picture #mug {
  padding: 0px;
  border: none;
}

#profile_vitals {
  background: transparent url(/templates/main/images/vitals_top.png) repeat-x top left;
  margin: 5px 0px;
}
#profile_vitals #profile_vitals_wrapper {
  background: transparent url(/templates/main/images/vitals_bottom.png) repeat-x bottom left;
  padding-top: 5px;
  padding-bottom: 15px;
}

/* END PROFILE */


/* HEADLINES */
.headlines {
  border: 1px solid #D1D0D0;
  background: #F0F4F4;
  padding: 8px;
}
.headlines ul {
  list-style-image: url(/templates/main/images/bullet.png);
  margin-left: 20px;
}
.headlines ul li {
  line-height: 1.2em;
  color: #34485D;
  padding: 2px 0px;
}
/* END HEADLINES */

/* NOTIFICATIONS */

.notifications {
  border-top: 1px solid #8FADC4;
  border-bottom: 1px solid #8FADC4;
  padding: 8px 0px;
}

/* END NOTIFICATIONS */

/* FRIENDS */
.friends_list .friends {
  margin-top: 5px;
  border-top: 3px dotted #7E8386;
  padding-top: 5px;
}

.addFriends {
  padding: 5px 0px;
}

.addFriends .may_know {
  width: 48%;
  float: left;
}

.addFriends .friend_of{
  width: 48%;
  float: right;
  padding-left: 2%;
  border-left: 1px solid #2e3c51;
}

.addFriends select {
  height: 235px;
}

.addFriends .addlink {
  text-align: right;
  padding: 2px;
  font-size: 12px;
}
/* END FRIENDS */

/* ACTIVITY */
.activity {
  position: relative;
  border-top: 1px solid #8FADC4;
  border-bottom: 1px solid #8FADC4;
  padding: 8px 0px;
}

.activity h2 {
  margin: 3px 0px;
  margin-bottom: 5px;
}

.activity .items {
  margin-left: 15px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.activity .profile_thumb {
  height: 72px;
}

/* END ACTIVITY */

/* CONVERSATIONS */

.conversations .inbox {
  height: auto;
}

.inbox .conversation {
  position: realtive;
  margin-bottom: 3px;
  height: 70px;
  overflow: hidden;
}

.inbox .conversation .person {
  float: left;
  margin-left: 10px;
  width: 200px;
}

.inbox .conversation .person .img {
  float: left;
  margin-right: 4px;
  width: 50px;
  overflow: hidden;
}

.inbox .conversation .person .name {
  font-weight: bold;
}

.inbox .conversation .person .received {
  font-style: italic;
}

.inbox .conversation .msg {
  float: right;
  width: 330px
}

.inbox .conversation .msg .subject {
  font-weight: bold;
}

#conversation {
  position: relative;
}

.conversation .fresh {
    background: url("/images/star.png") no-repeat right top;
}
.conversation .fresh,.conversation .fresh a {
    font-weight: bold;
    color: black;            
}

.Conversation textarea{
    width: 99%;
    margin-bottom: 3px;
}

.Conversation h1 {
  margin: 8px 0px;
}

.Conversation .left {
  float: left;
  width: 200px;
}

.Conversation .right {
  float: right;
  width: 340px;
}

.Conversation .starter {
  margin-bottom: 15px; 
  /* height: 70px; */
}

.Conversation .leave {
  margin-bottom: 20px;
}

.Conversation .img {
  float: left;
  padding-right: 4px;
  width: 50px;
  overflow: hidden;
}

.Conversation .starter .name {
  font-weight: bold;
}

.Conversation .readers ul {
  margin-left: 15px;
  list-style-image: url(/templates/main/images/bullet.png);
}

.Conversation .readers ul li.new{
    margin-top: 5px;
    list-style:none;
}
.Conversation .readers a{
    text-decoration:  underline;
}
.Conversation .message, .Conversation .sys_message {
  margin: 4px 0px;
  padding: 5px;
  border: 1px solid #D1D0D0;
  background: #F0F4F4;
}

.Conversation .message .img {
  /* padding-bottom: 4px;*/
}

/* 
IE7 had difficulty rendering these images completely. Apparently this 
is a known IE7 issues what is done below is a workaround. 
see: http://modxcms.com/forums/index.php?action=printpage%3Btopic=33212.0
*/
.Conversation .message img {
	position: relative;
	z-index: 100;
}

.Conversation .message .name, .Conversation .sys_message .name {
  font-weight: bold;
}

.Conversation .message .date {
  font-size: 0.8em;
  font-style: italic;
}

.Conversation .sys_message {
  background: #90ACC2;
}

.Conversation .subject {
  margin: 8px 0px;
  margin-top: 16px;
  font-weight: bold;
}

.Conversation .subject label {
  width: 200px;
  display: block;
  float: left;
  margin-right: 10px;
  text-align: right;
  line-height: 22px;
}

.Conversation .subject input {
  width: 300px;
}
/* END CONVERSATIONS */
.smedia img {
  position: relative;
  top: 4px;
}