/*<%---------------------------//--------------------------%>*/
/*    ***************************************************    */
/*    *                                                 *    */
/*    *            Compatible Connections LLC           *    */
/*    *    Defining overall site layout & navigation    *    */
/*    *           //includes/base_styles.css            *    */
/*    *   Copyright � 2005 Compatible Connections LLC   *    */
/*    *     Copyright � 2005 Sus4 Internet Services     *    */
/*    *  Created by ShiningStudios.com(jds) - 04.07.05  *    */
/*    *    (Dynamic Management International, Inc.)     *    */
/*    *                                                 *    */
/*    ***************************************************    */
/*<%---------------------------\\--------------------------%>*/


/* [ELEMENTS] 
----------------------------------------------------------------------------- */

* html ul li a { height: 1%; }

BODY {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #000000;
  background: #ffffff;
}

img.slogan {margin-left: 20px; padding-top: 85px; }
img.people1 { padding-top: 22px; margin-left: 540px; width: 265px; height: 166px; position: relative; }
img.people2 { padding-top: 0px; margin-left: 540px; top: -2px; width: 265px; height: 143px; position: relative; }
img.people3 { padding-top: 0px; margin-left: 540px; top: -4px; width: 265px; height: 155px; position: relative; }
img.right_top_fill { padding-top: 20px; margin-left: 517px; width: 284px; height: 132px; position: relative; }






/* [HEADING DEFINITIONS]
--------------------------------------------------------------------------- */

h1,h2, h3, h4, h5, h6 {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 900;
  color: #663366;
  line-height: 1.2em;
}

h2, h3 { 
  padding: 9px 0 0 0; 
}

div#nav h4 {  
  text-align: center;
  font-size: 11px;
  border: 1px solid #752F7B; 
  padding: 2px; 
  margin-bottom: 1px; 
  background: #636;
  color: #FBD2FE;
}

div#nav p.logged_in { 
  font-size: 9px;
  text-align: right;
  color: #636;
}





/* [PAGE SPECIFIC IDs]
----------------------------------------------------------------------------- */

#clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin-bottom: 11px;
}

#container {
  position: absolute;
  padding: 0px;
  margin-left: 0;
  margin-top: 0px; 
  background: #ffffff;
}

#elle {
  background: url(/images/elle.jpg) no-repeat;
  width: 795px;
  height: 85px;
  margin-left: 0;
}

#elle a { float: left; }

#footer {
  position: relative;
  width: 609px;
  margin-left: auto;
  margin-right: 0px; 
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 900;
  font-size: 10px;
  color: #CBCBCB;
  text-align: center;
}

#header {
  background: url(/images/header-noright.jpg) no-repeat;
  width: 805px;
  height: 35px;
  margin-left: 0;
  margin-top: 0px; 
}

#logo {
  background: url(/images/logo.gif) no-repeat;
  width: 338px;
  height: 93px;
  float: left;
}

#intro {
  margin-left: 0;
}

#main {
  padding-left: 200px;
  padding-right: 50px;
  background: transparent;
  margin-top: 0px;

}

#nav {
  position: absolute;
  width: 115px;
  top: 15px;
  left: 15px;
}

#nav_bkgd {
  position: absolute;
  top: 161px;
  background: url(/images/nav_bkgd.jpg) 138px repeat-x;
  width: 138px;
  height: 406px;
  margin-left: 0;
}

#nav_right {
  background: url(/images/nav_right.jpg) no-repeat;
  width: 35px;
  height: 406px;
  margin-left: 138px;
}

#right_column {
  background: url(/images/right_column.jpg) repeat-x;
  margin-left: 0px;
  width: 275px;
  height: 406px;
  float: right;
  border-right: 1px solid #752F7B;
}

#right_column_top {
  background: url(/images/right_column_top.jpg) repeat-x;
  margin-left: 0px;
  float: right;
  width: 275px;
  height: 126px;
  border-right: 1px solid #752F7B;
}

#right_edge {
  border-right: 1px solid #752F7B;
  margin-left: 0px;
  width: 275px;
  float: right;
}

#right_edge_top {
  margin-left: 0px;
  float: right;
  width: 275px;
  height: 126px;
  border-right: 1px solid #752F7B;
}

#text_container {
  background: transparent;
  position: absolute;
  display: block;
  float: left;
  clear: both;
  word-spacing: 1px;
  line-height: 1.3em;
  margin-top: 0px;
}

#text_field {
  background: transparent;
  display: block;
  float: left;
  clear: both;
  word-spacing: 1px;
  line-height: 1.3em;
  padding-right: 10px;
  margin-top: 0px;
  width: 584px;
  height: 406px;
  border-right: 1px solid #752F7B;
}

#headshot { 
  text-align: center; 
  float: right;
/* this margin is -5px due to layout issues in IE */ 
  margin: -5px 40px 15px 20px; 
}

#error, #notice, #message { 
  padding: 4px; 
  border: 1px solid #399; 
  position: relative;
  width: 50%;
  font-weight: bold;
}
#error { color: red; }

ul#photos {
  list-style: none;
}

#copyright { 
  padding: 2px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 160px;

}
#copyright p { 
  font-size: xx-small;
  color: #366;
}

#pity_quote { 
  border: 1px solid #399;
  text-align: center;
  padding: .6em;
}

#cancelpolicy { 
  width: 90%;
  border: 1px solid #399;
  text-align: center;
  padding: .4em;
  margin: 0px;
}


/* [ANCHOR PSEUDO-CLASSES]
----------------------------------------------------------------------------- */

a, a:link, a:visited {
  color: #663366;
  text-decoration: underline;
}

a:hover { text-decoration: none; }


ul.navlink a{ color: #663366; text-decoration: none; }
ul.navlink a:visited{ color: #663366; text-decoration: none; }
ul.navlink a:hover { color: #D8166C; border-right: 5px solid #D8166C; padding-right: 4px; margin-right: -9px; text-decoration: none; }

div#adminnav { padding: 0px; }





/* [LISTS DEFINITIONS]
--------------------------------------------------------------------------- */

#nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav ul li {
  list-style-type: none;
  float: right;
}

#nav ul li a {
  display: block;
  float: right;
  height: 16px;
  font-weight: 900;
}


#profilenav ul, #profilenav li, #profilenav a { 
  list-style: none;
  display: inline;
  padding: 0px .6em;
}




/* [TEXT DEFINITIONS]
--------------------------------------------------------------------------- */

blockquote {
 padding: 15px 15px 0 5px;
 margin: -10px 5px 10px 10px;
}

code { 
  color: #993399;
  font-family: Courier New,Courier, monospace;
  font-size: 12px;
}

p { font-size: 11px; }

.style_name {
  font-family: Courier New,Courier, monospace;
  font-size: 12px;
  color: #339999;
}






/* [CLASSED ELEMENTS]
----------------------------------------------------------------------------- */

.bold {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 900;
  font-size: 11px;
  color: #000000;
}

.underline {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #000000;
  text-decoration: underline;
}

.italics {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #000000;
  font-style: italic;
}

div.habtmcols { 
  line-height: 1.8em;
  min-width: 150px;
 }

p.pullup { margin-top: -8px; }

/* [FORM ELEMENTS]
----------------------------------------------------------------------------- */

fieldset { 

}
legend {  
  font-weight: bold;
  color: #993399;
}

.radio {
  border: 1px solid black;
  padding: 3px;
  margin: 3px;
}


/* END  /base_styles.css */

/* match results styles */
table.searchresults { 
  border: 1px solid #993399;
  margin-bottom: 1.6em;
}

table.searchresults tr { 
  background: #FFFFFF;
  padding: 3px;
}

table.searchresults td { 
  padding-left: 10px;
}

table.searchresults td.firstname { 
  font-weight: bold; 
  font-size: 1.3em;
  background: #9FCFCF;
  border-right: 1px solid #993399;
  border-bottom: 1px solid #993399;
}

table.searchresults td.photo { 
  padding-left: 3px;
  background: #9FCFCF;
}

table.searchresults td.borlft { 
  border-left: 1px solid #993399;
}

div.ellespeak 
{
  margin-bottom: 1em;
  padding: .6em;
  padding-top: -1em;
  border: 1px solid #339999;
  background: #CBCBCB;
}


/* ----------------------------------------------------------------------------- */
div#formatting_guide table { 
  margin: 15px 0 15px 0;
  background: #fff;
}                             

div#formatting_guide table th { 
  text-align: left;
  border: 1px solid #ddd;
  padding: 5px;
  font-weight: normal;
  background: #666;
  color: #fff;
}                                

div#formatting_guide table td { 
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 3px 5px;
}                                

div#formatting_guide table td ol,
div#formatting_guide table td ul { 
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}                                   

div#formatting_guide table td blockquote { 
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}                                           

div#formatting_guide table td h1 { 
  font-size: 130%;
}                                   

div#formatting_guide table td h2 { 
  font-size: 100%;
}                                   

div#formatting_guide table td h3 { 
  font-size: 100%;
}

div#homenav { 
  position: absolute;
  height: 30px;
}

ul.horznav { 
  margin-left: 0px; 
  list-style-type: none; 
}
ul.horznav li { 

  padding: 4px; 
  display: inline; 
}

div#activeinvitations, div#inactiveinvitations, div#potential_matches, div#poll { 
  padding: 15px 5px;
  width: 90%;
  line-height: 16px;
  border: 1px solid #993399;
  background: #9FCFCF;
  margin-top: 5px; 
}

div#potential_matches p, div#hoursofoperation p { 
  padding: 35px 5px;
}

div#potential_matches ul li { 
  list-style: none;
}

div#hoursofoperation {  
  padding: 15px 5px;
  width: 90%;
  border: 1px solid #993399;
  background: #9FCFCF;
  margin: 5px 0px;
}

ul.gallery_rows { 
display: inline;
list-style: none;
}

div.announcement-body { 
  border-left: 2px dotted #9FCFCF;
  border-bottom: 2px dotted #9FCFCF;
  padding-left: 1em;
}

div.announcement-body h1,h1.announcement-body { 
  font-weight: bold;
  font-size: 1.2em;
  color: black;
  border: 0;
  padding: 0;
}

div.announcement-body h2,h2.announcement-body { 
  font-weight: bold;
  font-size: 1.1em;
  color: black;
  border: 0;
  padding: 0;
}

p.announcement-date { 
  padding: 0 0 0 10px;
  font-size: 85%;
  margin: -12px 0 0 10px;
  color: #663366;
  background: url(/images/bracket.gif) no-repeat;
}

div#new-announcement-form { 
  float: left;
  width: 65%;
}

div#brief-instructions { 
  float: right;
  width: 35%;
}

.no_profile { background: #E3A1A1; }

.no_welcome_book { background: #E0DC98; }

.approved { background: #9FCFCF; }

div.qanda {  
  margin: 1em;
  padding: 0.3em;
  padding-left: .6em;
  border-left: 2px dotted #939;
  border-bottom: 2px dotted #939;
  width: 70%;
}

p.question, p.answer { 
  padding: 0.3em;
}
p.question { 
  background-color: #9FCFCF;
}
p.noanswer { background-color: #E3A1A1  }

div#rules { 
  float: right;
  width: 50%;
  padding-right: 25px;
  margin-top: 105px;
  border: 1px solid #939;
}
div#rules h2 { padding-left: 40px; }
div#rules ul { list-style: none; }
div#rules li { padding: 5px; }

div#levels { padding-left: 0px; margin-left: 0px }
div#levels ul { 
  list-style: none;
}
div#levels ul li { 
  padding-bottom: 10px; 
  font-weight: bold;
}
div#levels ul ul { 
  list-style: disc; 
}
div#levels ul ul li { 
  padding-bottom: 0; 
  font-size: .9em;
  font-weight: normal;
}

ul#invitation li { list-style-type: none; }



#topleft {
  padding: 5px;
  position: absolute; 
  border: 1px #9FCFCF solid; 
  border-bottom: 0px;
  height: 270px; 
  width: 200px; 
  left: 175px; 
  top: 270px; 
  background-color: white;
  overflow: scroll;
}
#bottomleft {
  padding: 5px;
  position: absolute; 
  border: 1px #9FCFCF solid; 
  height: 400px; 
  width: 200px; 
  left: 175px; 
  top: 551px; 
  background-color: white;
  overflow: scroll;
}
#center {
  border-top: solid #9FCFCF 1px;
  border-bottom: solid #9FCFCF 1px;
  padding: 5px 10px;
  position: absolute; 
  height: 681px; 
  width: 227px; 
  left: 390px; 
  top: 270px; 
  background-color: white;
  overflow: scroll;
}
#topright {
  padding: 5px;
  position: absolute; 
  border: 1px #9FCFCF solid; 
  border-bottom: 0px;
  height: 270px; 
  width: 200px; 
  left: 640px; 
  top: 270px; 
  background-color: white;
  overflow: scroll;
}
#bottomright {
  padding: 5px;
  position: absolute; 
  border: 1px #9FCFCF solid; 
  height: 400px; 
  width: 200px; 
  left: 640px; 
  top: 551px; 
  background-color: white;
  overflow: scroll;
}
#topleft h2, #bottomleft h2, #center h2, #topright h2, #bottomright h2 { 
  text-align: center;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 3px;
  border-bottom: dotted #9FCFCF 1px;                                                                         
  overflow: hidden;
  height: 1.1em;
}
h3.newsletter {
  margin-top: -20px;
}