/* Webeena pages CSS definition. Copyright (c)2008, Ataxo Interactive.
/*      indenting is purely intentional and tries to follow (or rather mimic) the DOM tree structure nesting */
body { font-family:'Lucida Grande', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background:#f8f8f8; color:#000; }
* :focus, * :active { outline: 0; -moz-outline: 0 none; }
a { color:#133976; }
a:hover { color:#222; }
img { border:0;}
ins { text-decoration: none;}
.header { width:755px; height:79px; background:#f8f8f8 url(images/webeena_logo.gif) no-repeat right top; margin:40px auto; margin-bottom:10px;}
    .header h1 { display:none; }
    .header h2 { font-style:normal; font-family:'arial black', arial, helvetica, sans-serif; display:block; padding-top:32px; font-size:21px; color:#ccc; }
body.inside h2 { font-style:normal; font-family:'arial black', arial, helvetica, sans-serif; font-size:12px; color:#ccc;}
ul.tabmenu { list-style:none; display:block; padding:0; margin:40px auto; width:755px; margin-bottom:0; }
    ul.tabmenu li { display:inline; margin:0; padding:0; font-size:13px; font-weight:bold;}
        ul.tabmenu li a { display:block; padding:18px 20px; padding-top:10px; float:left; background-image:url(images/home_tab_bg.png); border-top:10px solid #fff; color:#777; text-decoration:none; height:16px;}
        ul.tabmenu li a:hover { color:#333; background:#e8e8e8; border-top-color:#ededed;}
        ul.tabmenu li.active a { border-color:#fff; color:#000; background-image:url(images/home_tab_bg_active.png); background-color:#fff; background-repeat:repeat-x;}
br.clear { clear:both; height:0; line-height:0; font-size:0;}
#tabcontainer { margin:0 auto; width:755px; }
    #tabcontainer .tab { display:none; width:auto; padding:14px; padding-top:25px; background:#fff; font-size:12px; color:#222;}
        #tabcontainer .tab h3 { color:#444; font-size:12px; font-weight:bold; margin-top:0;}
        #tabcontainer .tab h4 { color:#000; font-size:12px; font-weight:bold; margin-top:30px;}
form { margin:20px; }
form#form-login { margin-bottom:52px;}
    form .checkbox { margin-left: 133px; margin-bottom:12px;}
    form#form-create .checkbox { margin-left: 0; }    
        form .checkbox label { padding-bottom:3px; font-size:11px; color: #666; font-weight:normal; font-family:'Lucida Grande', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }
    form .form-button-holder {display:inline;width:16px;height:16px;}
        form .form-button-holder img {display:none; position:absolute;}
        form .form-button-holder.inprogress img {display:inline; }
        form#form-login .form-button-holder img {border-left:137px solid #fff;}
    form label { color:#000; font-family:'arial black', arial, helvetica, sans-serif; font-weight:bold; padding-right:8px; margin-bottom:6px;}
    form label.fixed { display:block; width:130px; float:left; margin:4px 0;}
    form input.t { width:200px; margin-right:8px;}
    form input.b { }
    form input.b.fixed { display:block; margin-left:137px; margin-top:4px; }
        #tabcontainer .tab em { display:block; font-size:11px; color:#666; font-size:13px; margin:10px 0;}
        #tabcontainer .tab p { font-size:11px; color:#777;}
#create-url { margin:12px 0; color:#444; font-size:15px; background:#f8f8f8; padding:20px;}
#create-url strong { font-weight:bold; color:#000; display:block; }
ul.languages { list-style:none; height:50px; padding-top:20px;}
    ul.languages li { display:inline; float:left;}
        ul.languages li a { text-decoration:none; display:block; padding:8px 20px; color:#555;}
        ul.languages li.active a, ul.languages li.active a:hover { background:#f8f8f8; color:#999; }
        ul.languages li a:hover { background:#eee; }
.info-message { width:450px; background:#111; z-index:2; }
.info-message-content { padding-top:13px; z-index:3;}
    .info-message-content div { width:auto; padding:0 20px; font-size:12px; color:#ccc; }
        .info-message-content div h5 {font-size:18px; font-family:'arial black', arial, helvetica, sans-serif; color:#fff; margin:0; margin-bottom:7px;}
.sites-list { background:#f8f8f8; font-size:11px; padding-bottom:12px; }
    .sites-list a.item { display:block; cursor:pointer; color:#000; font-size:13px; font-weight:bold; padding:2px 8px 4px 8px;}
    .sites-list a.item.active { background:#fff; color:#555; }
    .sites-list h4 { color:#000; font-family:'arial black', arial, helvetica, sans-serif; font-weight:bold; margin:6px }
    .sites-list span { display:block; cursor: pointer; text-decoration:underline; margin:6px; color:#133976; }
#footer {margin:10px auto; width:755px; text-align:center; font-size:11px; color:#888;}

/* error pages */
body.error { background:#f8f8f8 url(images/webeena_logo.gif) no-repeat right top; margin:40px auto; margin-bottom:10px; margin-top:80px; margin-left:10%;}
    body.error h1 { font-size:21px; color: #888;}
    body.error p { line-height:20px; color: #444; font-size:13px;}
    body.error ul { line-height:20px; color: #222; font-size:12px; padding:30px; background:#c0c0c0;}
        body.error ul li { list-style:none; font-size:16px; padding:6px; font-weight:bold; padding-left:40px; }
        body.error ul li.info { font-size:12px; padding:6px; font-weight:bold; padding-left:40px; font-weight:normal; }
            body.error ul li em { font-weight:normal; font-size:26px; line-height:30px; color:#444; font-style:normal; display:block;}        
body.error pre {font-family:Consolas, Monaco, Courier, monospaced; font-size:12px; color:#666; font-weight:normal;}
body.error.inside { color:#ddd; background: transparent; margin:14px;}
body.error.inside p { font-size:11px; line-height:14px;}