body, html { margin: 0; padding: 0; background-color: #fff; color: #333; font-family: Verdana, arial; }
img { border: none; }
form { margin: 0; padding: 0; }
input { border: 1px solid #333; background-color: transparent; font-family: Verdana, arial; }
a { text-decoration: none; color: #333; text-decoration: none; }
h1 { font-size: 24px; }

#beta { position: absolute; z-index: 1001; top: 0px; left: 0px; width: 120px; height: 120px; background: transparent url(/img/beta.png) top left no-repeat;}
* html #beta { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/beta.png', sizingMethod='image'); }

#iebodyhack { text-align: center; }

#contentcontainer { margin: auto; width:900px; text-align: center; }

#menubarcontainer { margin: auto; width: 852px; height: 75px; background: transparent url(/img/menuline.png) top left no-repeat; text-align: center; }
#menubar { margin: auto; width: 650px; margin-left: 130px; }
#menubar li { padding-left: 8px; padding-right: 8px; padding-top: 2px; border: 1px solid #000; margin: 0 4px 0 4px; height: 22px; font-weight: normal; font-size: 14px; }
#menubar li:hover { background-color: #ccc; }
#menubar .selecteditem { border-top: 1px solid #fff; }
#menubar .selecteditem:hover { background-color: #fff; }
#menubar .selecteditem a { color: #6c6; font-weight: bold; }

.visitormenu { width: 550px; margin-left: 220px; }

#profilecontainer { width: 600px; margin: auto; }
#profileul { width: 600px; }
#profilepicli { }
#profilenameli { font-size: 24px; font-weight: bold; color: #333; margin: 6px 0px 0 20px; width: 300px; text-align: left;}
#profileaboutli { font-size: 14px; color: #333; margin: 6px 0px 0 20px; width: 300px; text-align:left;}
#profileconnectionsli { color: #333; margin: 6px 0 0 20px; }

/*.pagercontainer { width: 852px; height: 88px; margin: auto; margin-top: 20px; margin-bottom: 20px; text-align: center; background: transparent url(/img/navigator_bg.png) top center no-repeat; }*/
.pagercontainer { width: 900px; height: 30px; margin: auto; text-align: center; }

.pagerul { margin-left: 275px; width: 350px; font-size: 12px; }
.pagerul li { width: 50px; line-height: 28px; text-align: center; border: none; }
.pagerul .inputli { width: 150px; text-align: right; }
.pagerul .inputul li { width: 120px; text-align: right; }
.pagerul .inputul .totalpagesli { width: 30px; text-align: left; }
.pagenumber { font-size: 12px; text-align: center; }
.pagerinactive { color: #999; }

#usermenubar { margin: auto; width: 350px; height: 21px; background: transparent url(/img/menubar.png) top left no-repeat; }
* html #usermenubar { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/menubar.png', sizingMethod='image'); }
#usermenubar ul { color: #fff; font-size: 12px; margin-left: 10px; margin-top: 3px; }

#topbanner { margin: auto; margin-top: 20px; width: 605px; text-align: left; height: 100px; background: #fff url(/img/logo_text.jpg) top center no-repeat; }
#toptext { text-align: left; position: relative; top: 53px; left: 255px; color: #333; float: left; width: 300px; }
#topbannersmall { margin: auto; margin-top: 10px; margin-bottom: 20px; width: 580px; height: 61px; background: #fff url(/img/logo_text_small.jpg) left 15px no-repeat; }
#toptextsmall { text-align: left; position: relative; top: 28px; left: 223px; color: #333; font-size: 14px; float: left; }
#facebookfan { position: relative; width: 300px; height: 90px; left: 240px; float: left; }
#facebookfanfront { position: relative; width: 300px; height: 75px; top: 4px; left: 250px; float: left; }

ul { list-style: none; margin: 0; padding: 0; float: left; }
li { float: left; }

#gridcontroller { width: 900px; font-size: 12px; margin: auto; text-align: center; }

#navcontainer { width: 852px; height: 88px; margin: auto; margin-top: 20px; margin-bottom: 20px; background: transparent url(/img/navigator_bg.png) top center no-repeat; }
#navigateul { width: 852px; margin-left: 126px; margin-top: 35px; float: left; font-size: 12px; }
#navigateul select, #navigateul input { font-size: 11px; border: 1px solid black; float: left; }
/*#navigateul select { font-size: 11px; border: 1px solid black; float: left; height: 18px; }*/
#navigateul select { height: 19px; }
#navigateul input { height: 15px; }
#navigateul li { float: left; line-height: 18px; }
#ascdesc img { margin-top: 2px; }

.colsrowsul { font-size: 11px; width: 220px; float: left; }
.colsrowsul li img { margin-top: 2px; }
.colsrowsul li, .colsrowsul li a { font-size: 14px; font-weight: bold; }
.colsrowsul li a { background-color: #ccc; }
.colsrowsul li a:hover { background-color: #fff; }
.colsrowsul #curcols, .colsrowsul #currows { margin: 4px 6px 0 6px; font-size: 12px; line-height: 12px; font-weight: normal; }

#notescontainer { margin: auto; width: 708px; height: 684px; overflow: hidden; }

.notetype { width: 85px; font-size: 11px; margin-top: 0px; }
.noteinfo { width: 540px; }

.createdli, .editedli { font-size: 11px; float: left; }
.emptyspacer { font-size: 11px; clear: both; }

.positioned { font-size: 11px; clear: both; }

/* .notetext { border: 1px dashed #999; clear:both; text-align: left; width: 550px; height: 65px; background: none; overflow: auto; resize: none; outline: 0; font-family: trebuchet, sans; font-weight: normal; font-size: 14px; } */
/* textarea.notetext { border: 1px solid #999; } */


.notediv { float: left; width: 236px; height: 228px; text-align: left; }
.notemine { background: url(http://slapnotes.com/img/note.png) top left no-repeat; }
.noteconnections { background: url(http://slapnotes.com/img/connections_note.png) top left no-repeat; }
.notepublic { background: url(http://slapnotes.com/img/public_note.png) top left no-repeat; }
.noteby { z-index: 111; position: relative; top: 16px; left: 29px; height: 14px; width: 200px; overflow: hidden; font-family: verdana; font-size: 10px; opacity:1; filter:alpha(opacity=100); float: left;}
 .notetext, .mceEditor { z-index: 110; position: relative; top: 7px; left: 17px; width: 194px; float: left; height: 160px; border: none; background: none; overflow: auto; opacity:1; filter:alpha(opacity=100); resize: none; outline: 0; font-family: trebuchet, sans; font-weight: normal; font-size: 14px; clear: both; }


.iconsdiv { width: 110px; position: relative; top: 9px; left: 14px; }
.privatediv { width: 16px; float: left; }
.privacydiv { width: 16px; float: left; }
.privacyspacer { width: 16px; float: left; width:2px;overflow:hidden; }
.domaindiv { width: 16px; float: left; }
.saveddiv { width: 16px; float: left; }
.fbdiv { width: 16px; float: left; }
.twitterdiv { width: 16px; float: left; }

.deletenote, .deletespacer { position: relative; z-index: 112; float: left; top: 1px; left: 3px; width: 24px; height: 24px; cursor: pointer; cursor: hand; }
.deletespacer { height: 26px;  }
.deletenote { background: transparent url('http://slapnotes.com/img/delete.png') top left no-repeat; opacity:0.70; filter:alpha(opacity=50); }
* html .deletenote { background: none; background-color: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://slapnotes.com/img/delete.png", sizingMethod='image'); }