html,body { height: 100%; margin-bottom: 10px;  }
body { margin: 0; padding: 0;  background-color: #E9EEF0; text-align: center;}
table {	margin: 0; padding: 0; border: 0; border-spacing: 0px;  border-collapse: collapse; }
form {margin: 0; padding: 0; }
td { padding: 0; color: #000000; margin: 0; border: 0;}
img { border: 0; display: block;}
p { font-style: normal; text-decoration: none; }
a { font-style: normal; text-decoration: none; cursor: pointer;}
div { overflow: hidden;   text-align: left;}
.bold {  font-weight: bolder; }

div#main { height: 100%; background-color :#E9EEF0; width: 100%;}
#templates { display: none;}
.element { background-color: #E6E7E8;  position: absolute; top: 100px; left: 100px; border: 1px solid #666666; overflow: visible; -moz-user-select: none; }
.inelement { width: 600px; height: 200px; background-color: #FFFFFF;  border: 1px solid #666666;  overflow: hidden; margin: 1px; }

.title { width: 100%;  background-color: #E6E7E8; cursor: move; -moz-user-select: none; padding-bottom: 3px; border-bottom: 1px solid #666666; height: auto;} 
.txt { margin: 3px 0px 0px 0px; font-weight: bolder; float: left; height: auto;  padding-left: 5px; } 
.spacing { width: 1px; height: 18px;  float: left; }
/*.buttons {  float: left; width: 57px; margin: auto; position: relative;  top: 50%; margin-top: -6px;}*/
.buttons {  float: left; width: 57px; margin: auto; position: absolute; margin-top: 3px; right: 1px;}
.buttons img { float: left; margin-right: 4px; cursor: pointer; }

.content {  margin: 5px;}
.header { right: 1px; top: 1px; position: absolute; background-color: #AAAAAA; cursor: pointer; -moz-user-select: none; }
.footer { right: 0px; position: absolute;  bottom: 0px; background-image: url(../images/resize.gif); width: 12px; height: 12px; cursor:  se-resize; -moz-user-select: none; }
.footeradtext { right: 2px; left: 2px; _width: 100%; bottom: 2px; position: absolute; color: #7E7CB1; background-color: #FFFFFF; border-top: 1px solid #000000; overflow: hidden;}
.adtext {  margin: 1px 0px 1px 5px; width: 600px;  }

.msg { width: 300px; height: 200px; background-color: #AAAAAA;  position: absolute; top: 100px; left: 100px; }
 
.fillup { font-weight: bolder; color: #EFEFEF; }
.hasher { font-weight: bolder; color: #EFEFEF; }

.date { text-align: right; width: auto; }

.content table { } 
.content td { height: 15px; border: 1px solid #FFFFFF; }
.content img { margin: 0 5px 5px 0; }


#msgwidthtestdiv { width: auto; height: auto; padding: 5px; }
#msgwidthtestdiv img { margin: 0 5px 5px 0; }

/* Message Styles */
.Mtitle { color: #7E7CB1; width: 100%;  background-color: #E6E7E8; cursor: move; -moz-user-select: none; padding-bottom: 3px; border-bottom: 1px solid #666666; height: auto;} 
.Mtitle span { color: #7E7CB1; }

.Mfeedtitle { color: #7E7CB1; width: 100%;  background-color: #FFFFFF; padding: 3px 0 3px 5px; border-bottom: 1px solid #666666; height: auto;} 
.Mfeedtitle span { color: #7E7CB1; font-weight: bolder;}

#backelements { margin: 10px 100px 0px 100px; margin-left: 100px; }

/* Start Styles */
#start { background-color: #E6E7E8; position: absolute; top: 10px; left: 100px;  border: 1px solid #666666; overflow: visible; -moz-user-select: none; }
#instart {  background-color: #FFFFFF;  border: 1px solid #666666;  margin: 1px;  overflow: hidden; height: 100%;}
 

#instart span {  color: #7E7CB1; font-weight: bolder; }
.logo { width: 98px; float: left; height: 20px; }
.logo img {  margin-top: -4px; top: 50%; position: absolute; left: 14px;}
.feeds { cursor: pointer; float: left; border-right: 1px solid #666666; padding: 3px 0 3px 0; text-align: left; width: 98px; }
.opties { cursor: pointer; float: left; border-left: 1px solid #666666; border-right: 1px solid #666666; padding: 3px 0 3px 0; text-align: left; width: 98px; }
.help { cursor: pointer; float: left; border-right: 1px solid #666666; padding: 3px 0 3px 0; text-align: left; width: 35px; }
.time { float: right; padding: 3px 0 3px 0; text-align: center; float: right;}
.spacerstart { height: 20px; width: 10px;float: right;}

.feeds span { margin-left: 14px; }
.opties span { margin-left: 14px; }
.help span { margin-left: 14px; }
/* Map Styles 
#maps { background-color: #68C5CE;  position: absolute;  margin-top: 10px; right: 100px; width: 174px; border: 1px solid #666666; overflow: visible; -moz-user-select: none;  }
#inmaps { width: 170px; height: 350px; background-color: #79DDDC;  border: 1px solid #666666;  overflow: hidden; margin: 1px; }
*/

/* Back Styles */
#back { background-color: #F67800;  position: absolute;  left: 100px;margin-top: 50px; border: 1px solid #666666; overflow: visible; -moz-user-select: none; }
#inback { background-color: #FF9933;  border: 1px solid #666666;  overflow: hidden; margin: 1px; background-image: url(../images/bgr-orange.gif); background-repeat: no-repeat; background-position: center center;}

#maps { background-color: #68C5CE;  position: absolute;   margin-top: 50px; border: 1px solid #666666; overflow: visible; -moz-user-select: none; }
#inmaps { background-color: #79DDDC;    width: 171px;border: 1px solid #666666;  overflow: hidden; margin: 1px; }

#inmaps table { margin: 8px 0 0 8px; }
.mappic { width: 30px; vertical-align: center;}

.maptxt { vertical-align: center; color: #7E7CB1; font-weight: bolder; }
.mapelement { height: 20px; cursor: pointer;}

#showmoreElement { position: absolute;  z-index: 99999; display: none; }
#showmoreElementin { background-color: #FFFFFF; border: 1px solid #000000; width: 300px; padding: 5px; }
#showmoreElementover { position: absolute; top: 0px; left: 0px; width: 312px; height: 150px; cursor: pointer; }
#showmoreElement span { color: #000000; float: none; }
#showmoreElement .leesverder { color: #7E7CB1; font-weight: bolder; }
#showmoreElement .head { font-weight: bolder; color: #7E7CB1; }
#showmoreElement img { float: left; margin: 0px 5px 0 0;}

/* Pulldown styles */
#pulldownback { display: none; position: absolute; background-color: #E6E7E8; top: 25px; left: 98px;  border: 1px solid #666666; border-top: 0; overflow: visible; }
#pulldownfront { position: relative; background-color: #FFFFFF; margin: 1px 1px -2px 1px; top: -3px;   border: 1px solid #666666; overflow: visible; }
#pulldownborderhide { position: relative; top: -1px;height: 1px; width: 98px; background-color: #FFFFFF; }
#pulldowncontent { margin: 2px 14px 5px 14px;  }