div.mainheader {width: 100%; background-color: blue; color: white}
div.mainheader a:link {color: white; font-weight: bold; margin-left: 10px; }
div.mainheader a:visited {color: white; font-weight: bold; margin-left: 10px; }
div.mainheader a:active {color: white; font-weight: bold; margin-left: 10px; }
div.mainheader a :hover {text-decoration: none; color: white; font-weight: bold; margin-left: 10px; }
div.mainheader span.webname {}
div.mainheader span.webname  a:link {text-decoration: none; color: white; margin-left: .3em; font-weight:bold; font-size: 2.5em}
div.mainheader span.webname  a:visited{text-decoration: none; color: white; margin-left: .3em; font-weight:bold; font-size: 2.5em}
div.mainheader span.webname  a:active {text-decoration: none; color: white; margin-left: .3em; font-weight:bold; font-size: 2.5em}
div.mainheader span.webname  a:hover {text-decoration: none; color: white; margin-left: .3em; font-weight:bold; font-size: 2.5em}
div.mainheader span.current_user {position: absolute; left:10px; top: 50px; }
a.namelink:link {color: #6D64A2; font-weight: bold; text-decoration: none }
a.namelink:visited {color: #6D64A2; font-weight: bold; text-decoration: none}
a.namelink:active {color: #6D64A2; font-weight: bold; text-decoration: none }
a.namelink:hover {color: #6D64A2; font-weight: bold; text-decoration: none }
span.ago {color: #D3D0E3}
div.ago { color: #D3D0E3; font-size: .5em }
div.delete a { font-size: .6em; color: #F00000; font-family: Sans-Serif;}
input.SearchBox { width: 20%; color: gray}
input.wallbox    { width: 60%; color: gray}
input.StatusBar { width: 60%; color: gray}
div.error {color: red; font-weight: bold; text-align: center}
div.secondcolbody { position: relative; top: 5px; }

div.threecolheader { display: block; height: 25px; width: 100%; background-color: cyan}
div.threecolheader span.profile_name { position: relative; left: 200px; font-size: 1.2em; color: black; font-weight: bold; font-family: sans-serif; }
div.threecols {position: relative;  width: 100% }
div.col1 {position: relative;  width: 15% }
div.col2 {position: absolute; left: 15%; top: 25px;  width: 60%; }
div.col3 {position: absolute; left: 85%; top: 35px; width: 15% }
/*
table.threecol { width: 100% }
table.threecol tr.header { height: 25px; background-color: cyan}
table.threecol tr.header span.profile_name { position: relative; left: 200px; font-size: 1.2em; color: black; font-weight: bold; font-family: sans-serif; }
table.threecol td.col1 { position: absolute; top: 85px; }
table.threecol td.col2 { position: absolute; top: 100px; left: 190px;}
table.threecol td.col3 { width: 200px; }
*/
div.contacts { font-family: sans-serif; }
div.contacts div.manage { display: block; text-align: center;}
div.contacts div.manage a { text-align: right; text-decoration: none; color: red; font-size: .5em }
div.contacts div.contact { padding-right: 5px; display: inline-block; vertical-align: top; max-width: 25px; min-height: 50px;  }
div.contacts div#contactheader { font-size: .8em; width: 100%; font-weight: bold; text-align: center;}
div.contacts div.contact img { display: block;  }
div.contacts div.contact div.profile_pic {display: block; min-height: 20px; }
div.contacts div.contact div.profile_pic img { max-height: 15px; max-width: 15px; }
div.contacts div.contact div.name {font-size: .5em; display: block}
div.contacts div.contact div.unconfirmed {font-size: .4em; }

div.manage_contacts { font-family: sans-serif; }
div.manage_contacts div.contact { display: inline-block; vertical-align: top; height: 75px; }
div.manage_contacts div#contactheader { width: 100%; font-weight: bold; text-align: center;}
div.manage_contacts div.contact img { clear: left; float: left;  }
div.manage_contacts div.contact div.profile_pic {display: block }
div.manage_contacts div.contact div.name {font-size: .7em; display: inline}
div.manage_contacts div.remove { text-align: center }


table.contacts { table-layout: fixed; width: 190px }
table.contacts  td { width: 60px }
table.contacts td a { word-break: break-all }
table.profile tr.add_contact {font-size: .6em; color: #6D64A2; font-family: sans-serif; }
div.comments {padding-left: 55px;   }
div.comments div.comment {margin: 1px; vertical-align: top;  clear: left;}
div.comments div.comment div.img { min-height: 50px; }
div.comments div.comment img.profilepic {float: left; margin-left: 3px; margin-top: 3px; margin-right: 3px; margin-bottom: 3px;}
div.comments div.comment {background-color: #EDEDFF; border-style: solid; border-color: #FFFFFF; border-width: 1px; border-spacing: 1px }
div.comments div.comment div.profilepic { display: inline }
div.comments div.comment div.poster { margin-left: .5em; display: inline }
div.comments div.comment div.msg { margin-left: 1em; display: inline; font-size: .8em; }
div.comments div.comment div.time { position: relative; left: 0px; top: 1px; font-size: .6em  }
div.comments div.comment div.delete { position: relative; top: -1em; left: 25em;  }
div.comments div.comment div.delete a { color: #F00000; font-family: Sans-Serif}
div.comments div.comment input.comment_msg { width: 80%; }
div.wallitem {font-family: sans-serif; }
a.dislike {  color: #6D64A2; font-size: .6em; font-family: Sans-Serif; text-decoration: none }
a.like { padding-left: 55px; color: #6D64A2; font-size: .6em; font-family: Sans-Serif; text-decoration: none }
a.unlike { padding-left: 55px; color: #6D64A2; font-size: .6em; font-family: Sans-Serif; text-decoration: none }
a.undislike { color: #6D64A2; font-size: .6em; font-family: Sans-Serif; text-decoration: none }
div.likers {padding-left: 55px; font-size: .8em; font-family: Sans-Serif}
div.dislikers {padding-left: 55px; font-size: .6em; font-family: Sans-Serif}
div.status {position: relative; top: 0; left: 0; font-family: Sans-Serif;   }
div.status div.status_msg { padding-left: 55px; vertical-align: top }
div.status div.status_msg div.profile_pic { position: absolute; top: 0px; left: 0px; }
div.status div.status_msg div.profile_pic img { float: left }
div.status div.status_msg div.name { display: inline }
div.status div.status_msg div.msg { display: inline }

div.hide { display: inline; font-size: .7em; color: #D3D0E3; }
div.hide a { text-decoration: none; font-size: .7em; color: #6D64A2; }
div.pokes {position: relative; left: 0px; top: 0px; }
div.pokeheader { text-align: left; font-weight: bold; font-family: Sans-Serif; font-size: .8em; }
div.poke a:link { font-family: Sans-Serif; font-size: .7em }
div.poke a:visited { font-family: Sans-Serif; font-size: .7em }
div.poke a:active { font-family: Sans-Serif; font-size: .7em }
div.poke a:hover { font-family: Sans-Serif; font-size: .7em }
div.wall { }
div.wall div.wallheader { text-align: center; font-family: Sans-Serif; font-weight: bold; font-size: 1.1em }
div.activity { font-family: Sans-Serif; }
div.activity div.activity_msg {display: inline; font-size: .8em}
div.activity div.activity_msg a.link {color: #6D64A2; font-weight: bold; text-decoration: none }
div.activity div.activity_msg a.albumlink {color: #6D64A2; font-weight: bold; text-decoration: none }
div.activity div.when { display: inline; font-size: .6em}
div.contact { text-align: center; }
div.contact img { text-align: center; margin-left: auto; margin-right: auto; }
div.navbar { position: relative; top: 5px; }
div.navbar div.navitem { width: 20px; background-color: #6495ED; color: white; font-family: sans-serif; display: inline; margin-right: 2px;}
div.navbar div.navitem a:link {padding: 2px; text-decoration: none;  background-color: #6495ED; color: white; font-family: sans-serif; font-weight: bold}
div.navbar div.navitem a:visited {padding: 2px; text-decoration: none;  background-color: #6495ED; color: white; font-family: sans-serif; font-weight: bold}
div.navbar div.navitem a:active {padding: 2px; text-decoration: none;  background-color: #6495ED; color: white; font-family: sans-serif; font-weight: bold}
div.navbar div.navitem a:hover {padding: 2px; text-decoration: none;  background-color: white; color: #6495ED; font-family: sans-serif; font-weight: bold}
div.link { min-height: 50px; display: block; vertical-align: top; margin-right: 0px; position: relative; top: 0px; left: 0px;  clear: left; border-style: solid; border-width: 5px; border-color: #EDEDFF; margin: 1em; background-color: #EDEDFF}
div.link div.img { display: block}
div.link div.img img {float: left; border-style: none; margin: 0px; max-width: 50px; max-height: 50px; }
div.link div.link_text {  display: block; padding-left: 55px;  font-family: sans-serif; font-size: .6em;}
div.album { font-family: sans-serif }
div.album div.albumname { font-weight: bold; font-size: 1.2em;}
div.album_navigation ul li {display: inline }
div.album div.album_nav { font-size: .7em }
div.album div.album_nav a:link { text-decoration: none; margin-left: .8em; color: #6D64A2 }
div.album div.album_nav a:visited { text-decoration: none; margin-left: .8em; color: #6D64A2 }
div.album div.album_nav a:active{ text-decoration: none; margin-left: .8em; color: #6D64A2 }
div.album div.album_nav a:hover { text-decoration: none; margin-left: .8em; color: #6D64A2 }
div.album div.albumpic > img{  margin-top: 1em; border-top-style: solid; border-bottom-style: solid; border-color: black; border-width: 1px; background-color: #EDEDFF; padding: 1em; }

div.album_index {font-family: Sans-Serif; }
div.album_index div.albumname { font-weight: bold; font-size: 1.2em;}
div.album_index div.albumpic { display: inline-block;  }
div.album_index div.albumpic img { max-width: 100px; max-height: 100px;  }

div.albums_index {font-family: Sans-Serif; }
div.albums_index div.album { display: inline-block; }
div.albums_index div.albumname { font-weight: normal; font-size: 1.0em;}
div.albums_index div.albumpic { display: inline-block;  }
div.albums_index div.albumpic img { max-width: 100px; max-height: 100px;  }

div.like {display: inline}
input.login { color: gray }
input.password { color: gray }