body { margin: 0; padding: 0; background: #f0f0f0 url(/static/img/background.gif) repeat-x 0 0; font: 11px Arial, Helvetica, sans-serif; color: #444; }

a { color: #454545; text-decoration: none; }
a:hover { text-decoration: underline; }

form { margin: 0; padding: 0; }
img { border: 0; }
.c { clear: both; }
.right { float: right !important; margin: 0 !important; }

#site, #header { position: relative; width: 954px; height: 609px; background: transparent url(/static/img/site_background.png) no-repeat 0 0; margin: 0 auto; }
#site #logo { position: absolute; top: 35px; left: 14px; }
#header #logo { position: absolute; top: 143px; left: 2px; }
#global-navigation { position: absolute; top: 45px; right: 10px; width: 400px; }
#global-navigation a { float: right; margin: 0 0 0 17px; }
#header #global-navigation { position: absolute; top: 160px; left: 439px; height: 13px; width: 157px; background: #fff; padding-right: 12px; }

#beta { position: absolute; top: 175px; left: 370px; }
#site #beta { position: absolute; top: 34px; left: 240px; font-style: italic; }

#start-left-big { position: absolute; left: 98px; top: 221px; width: 600px; }
#start-left { position: absolute; left: 98px; top: 221px; width: 302px; }
#start-right { position: absolute; left: 450px; top: 242px; width: 393px; line-height: 1.4em; }
#loginbox { background: #fff; border-top: 1px solid #efefef; border-left: 1px solid #e9e9e9; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #5f5f5f; padding: 10px; margin: 10px 0 10px 0; }
#formbox { padding: 10px; margin: 10px 0 10px 0; }
#loginbox .left { float: left; width: 60px; padding: 5px 0 0 0; height: 25px; }
#loginbox .right, #formbox .right { float: left !important; width: 120px; height: 25px; }
#formbox .left { float: left; width: 100px; height: 25px; padding: 5px 0 0 0; }
.right input { width: 115px; }
input.right { height: 1.1em !important; }
#loginbox .submit, #formbox .submit { float: left; margin: 0 0 0 10px; width: 50px; background: transparent url(/static/img/arrow.gif) no-repeat center left; padding: 0; border: 0; }
.arrowlink { background: transparent url(/static/img/arrow.gif) no-repeat 0 9px; padding: 5px 0 0 10px; }
.info a, .link { color: #abafb2 !important; }
.sites { margin: 5px 0 10px 0; position: relative; }
.allsites { margin: 5px 0 10px 0; height: 330px; width: 800px; position: relative; }
.allsites .col { width: 200px; float: left; }
.sites a, .sites div, .allsites .col a { padding: 2px 0; display: block; color: #abafb2; }
.sites a#list { padding: 2px 0; display: block; color: #abafb2; }
.infotext { line-height: 1.4em; }
#sites2 { position: absolute; left: 170px; top: -2px; }

#user-navigation { position: absolute; top: 75px; right: 10px; }
#user-navigation a, #user-navigation #user { float: right; margin: 0 0 0 17px; }
#user-navigation a.mycode { background: transparent url(/static/img/user_sep.gif) no-repeat center left; color: #a7aeb4; padding: 0 0 0 10px; }
#user-navigation #user { background: transparent url(/static/img/user.gif) no-repeat center left; color: #a7aeb4; padding: 0 2px 0 14px; font-style: italic; }

#site-navigation { position: absolute; top: 75px; left: 15px; }
#site-navigation a { color: #434343; }
#site-navigation a.on, #site-navigation span.on { color: #abafb2; }

#copy { position: absolute; left: 2px; top: 612px; color: #bbbcbe; }
#legal { position: absolute; right: 10px; top: 612px; color: #8c9194; }
#legal a, #copy a {  color: #8c9194; }
#help { display: none; right: 10px; top: 60px; position: absolute; background: #fff; border-top: 1px solid #efefef; border-left: 1px solid #e9e9e9; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #5f5f5f; padding: 10px;}

#main { position: absolute; left: 11px; top: 109px; width: 932px; height: 477px; }

/* APP */

#message { float: right; padding: 0 15px 0 0; color: #008cb0; }
#message-global { position: absolute; left: 98px; top: 200px; color: #008cb0; }
.day { height: 65px; background: url(/static/img/daylines.gif) repeat-y 0 0; width: 872px; }

#day-header { height: 15px; padding: 0 0 0 56px; }
#day-header div { float: left; width: 36px; }
#day-header div.end { width: 5px; }
#day-header #ruler { display: none; position: absolute; left: 60px; top: 0; background: #000; width: 1px; height: 15px; }

#weekdays { position: absolute; left: 0; top: 15px; width: 60px; }
#weekdays div, #weekdays a { display: block; height: 60px; border-top: 1px solid #ced2d3; background: url(/static/img/day.gif) repeat-x 0 0; margin: 0 1px 0 0; width: 56px; padding: 4px 0 0 2px; text-transform: uppercase; }
#weekdays a { color: #000; }
#weekdays .sep { height: 60px; border-top: 1px solid #7b7b7b; }
#weekdays div div.copy { display: none; margin: 5px 0 0 0; padding: 3px 0 0 11px; font-style: italic; background: transparent url(/static/img/copy.gif) no-repeat 0 6px; text-transform: lowercase; height: auto; cursor: pointer; }

#days { position: absolute; left: 60px; top: 15px; width: 872px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#days .dayline { position: relative; height: 22px; border-top: 1px solid #ced2d3; background: url(/static/img/daylines.gif) repeat-x 0 0; width: 864px; }
#days .daylinesep { position: relative; height: 22px; border-top: 1px solid #7b7b7b; background: url(/static/img/daylines.gif) repeat-x 0 0; width: 864px; }
#days .contentline { position: relative; height: 42px; background: #fff; width: 864px; }

#menu { display: none; position: absolute; left: 0; top: 0; width: 202px; background: #fff; border-top: 1px solid #efefef; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #59595b; border-left: 1px solid #e9e9e9; z-index: 100; }
#menu #arrow { position: absolute; right: 0; top: 0; width: 10px; height: 255px !important; height/**/: 294px; border-left: 1px solid #dfe0e2;  background: #f7f8fa url(/static/img/arrow_dark.gif) no-repeat 2px 110px; cursor: pointer; }

#menu span.menu-item { display: block; background: #fff; padding: 2px 0 2px 5px; text-decoration: none; clear: both; cursor: pointer; }
#menu span.menu-item:hover { background: #999; color: #fff; text-decoration: none; }
#menu div.sep { background: transparent url(/static/img/menu_sep.gif) repeat-x 0 0; margin: 4px 16px 2px 4px; height: 5px; clear: both; }
#menu span#delete { display: block; background: transparent url(/static/img/trash.gif) no-repeat 9px 2px; padding: 3px 0 5px 29px; clear: both; cursor: pointer; }
#menu span#delete:hover { background: #999 url(/static/img/trash.gif) no-repeat 9px 2px; color: #fff; text-decoration: none; }

#menu span div { float: left; width: 19px; height: 9px; padding: 0; margin: 1px 6px 1px 0; font-size: 0; }
#menu #color-1 div, .color-1 { background: #be1b2c; }
#menu #color-2 div, .color-2 { background: #e57220; }
#menu #color-3 div, .color-3 { background: #fbc20d; }
#menu #color-4 div, .color-4 { background: #fff200; }
#menu #color-5 div, .color-5 { background: #f4f09b; }
#menu #color-6 div, .color-6 { background: #293795; }
#menu #color-7 div, .color-7 { background: #00aeea; }
#menu #color-8 div, .color-8 { background: #73d866; }
#menu #color-9 div, .color-9 { background: #008d43; }
#menu #color-10 div, .color-10 { background: #93277b; }
#menu #color-11 div, .color-11 { background: #ec008c; }
#menu #color-12 div, .color-12 { background: #93620c; }
#menu #color-13 div, .color-13 { background: #b7835b; }
#menu #color-14 div, .color-14 { background: #353a3e; }
#inv { position: absolute; left: 0; top: 0; height: 100%; z-index: 89; width: 100%; display: none; }

#sidemenu { display: none; position: absolute; left: 202px; top: -1px; height: 255px !important; height/**/: 294px; width: 292px; background: #fff; border-top: 1px solid #efefef; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #59595b; z-index: 100; }
#sidemenu div { padding: 2px 0 2px 5px; }
#sidemenu div:hover{ background: #666; color: #fff; cursor: pointer; }
#sidemenu div.sep { background: #fff; margin: 0; border-bottom: 1px solid #eee; }
#sidemenu div div { float: left; width: 9px; height: 9px; padding: 0; margin: 2px 6px 0 0; }
#sidemenu img { border: 1px solid #fff; margin: 3px; width: 30px; height: 30px; }
#sidemenu img.on { border: 1px solid #999; }
#sidemenu-desc { position: absolute; left: 5px; top: 236px; }

#media-menu { display: none; position: absolute; left: 0; top: 0; width: 105px; background: #fff; border-top: 1px solid #efefef; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #59595b; border-left: 1px solid #e9e9e9; z-index: 100; }
#media-menu div { color: #999; padding: 2px 5px; margin: 0 5px 8px 0; background: transparent url(/static/img/arrow_down.gif) no-repeat center right; }
#media-menu span.lnk { display: block; padding: 2px 5px; text-decoration: none; cursor: pointer; }
#media-menu span.lnk:hover { background: #999; color: #fff; text-decoration: none; }

div.media { position: absolute; left: 0; top: 0; width: 250px; background: #fff; z-index: 91; border-top: 1px solid #efefef; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #59595b; border-left: 1px solid #e9e9e9; display: none; }
.media .date { float: left; -moz-user-select: text; -khtml-user-select: text; user-select: text; padding: 5px; }
.media .time { float: right; -moz-user-select: text; -khtml-user-select: text; user-select: text; padding: 5px; }
.media .text { display: block; clear: both; -moz-user-select: text; -khtml-user-select: text; user-select: text; margin: 0 5px; width: 240px; min-height: 50px; }
.media .img { clear: both; padding: 0 5px 0 5px; text-align: center; }
.media .close { float: right; font-style: italic; color: #8e9295; cursor: pointer; padding: 5px; }
.media .edit { clear: both; width: 180px; height: 50px; }
.media .editlink { float: left; font-style: italic; color: #8e9295; margin: 0 10px 0 0; padding: 5px; cursor: pointer; }

.content { position: absolute; left: 0; top: 0; z-index: 90; }
.content img.icon { position: absolute; left: 0; top: 0; z-index: 101; }
.previewContainer { position: absolute; left: 0; top: 3px; z-index: 102; width: 44px; height: 27px; text-align: center; }
div.container { display: none; position: absolute; left: 0; top: 1px; width: 310px; background: #fff; z-index: 91; border-top: 1px solid #efefef; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #59595b; border-left: 1px solid #e9e9e9; padding: 5px; z-index: 105; }
.container .button { float: left; font-style: italic; color: #8e9295; margin: 0 10px 0 0; }
.imageContainer { width: 310px; text-align: center; clear: both; }
#media-textarea { clear: both; width: 310px; height: 100px; }

.fragment { position: absolute; top: 0; height: 22px; overflow: hidden; z-index: 50; }
.deleted { background: #000; opacity: 0.12; filter: alpha(opacity=12); }
.zoom { position: absolute; right: 0; top: 0; height: 22px; width: 3px; opacity: 0.5; filter: alpha(opacity=50); background: transparent url(/static/img/zoom.gif) no-repeat 0 0; overflow: hidden; cursor: e-resize; z-index: 80; }
.symbol { float: left; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; margin: 1px 0 0 3px; }

#fragment-create-start { position: absolute; top: 0; height: 22px; width: 3px; background: transparent url(/static/img/f_start.gif) no-repeat 0 0; }
#fragment-create-end { position: absolute; top: 0; height: 22px; width: 3px; background: transparent url(/static/img/f_end.gif) no-repeat 0 0; }
#fragment-create-box { position: absolute; top: 0; height: 22px; background: #000; opacity: 0.12; filter: alpha(opacity=12); }

#upload-form { display: block; padding: 12px 5px 5px 5px; clear: both; }
#upload-progress { padding: 3px 0 3px 25px; margin: 5px; background: transparent url(/static/img/waitanimation.gif) no-repeat center left; }
#debug { position: absolute; top: 650px; background: #eee; }