scp.css

body {
    background:#eee;
    font-family:arial, helvetica, sans-serif;
    font-size:10pt;
    color:#000;
    margin:0;
    padding:0;
}

a {
    color:#E65524;
    text-decoration:none;
}

.centered {
    text-align:center;
}

.full-width {
    width: 100%;
}

.clear {
    clear:both;
}

.faded {
    color:#666;
}

.strike { text-decoration:line-through; color:red; }

.canned_attachments label, .canned_attachments span .uploads label { padding:3px; padding-right:10px; }
.canned_attachments label { padding-right:3px; }


#breadcrumbs {
    color: #333;
    margin-bottom: 15px;
}

#breadcrumbs a {
    color: #555;
}

#msg_info { margin: 0; padding: 5px; margin-bottom: 10px; color: #3a87ad; border: 1px solid #bce8f1;  background-color: #d9edf7; }

#msg_notice { margin: 0; padding: 5px 10px 5px 36px; margin-bottom: 10px; border: 1px solid #0a0; background: url('../images/icons/ok.png') 10px 50% no-repeat #e0ffe0; }

#msg_warning { margin: 0; padding: 5px 10px 5px 36px; margin-bottom: 10px; border: 1px solid #f26522; background: url('../images/icons/alert.png') 10px 50% no-repeat #ffffdd; }

#msg_error { margin: 0; padding: 5px 10px 5px 36px; margin-bottom: 10px; border: 1px solid #a00; background: url('../images/icons/error.png') 10px 50% no-repeat #fff0f0; }

#notice_bar { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; border: 1px solid #0a0; background: url('../images/icons/ok.png') 10px 50% no-repeat #e0ffe0; }

#warning_bar { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; border: 1px solid #f26522; background: url('../images/icons/alert.png') 10px 50% no-repeat #ffffdd; }

#error_bar { margin: 0; padding: 5px 10px 5px 36px; height: 16px; line-height: 16px; border: 1px solid #a00; background: url('../images/icons/error.png') 10px 50% no-repeat #fff0f0; }


#container {
    width:960px;
    margin:0 auto 20px auto;
}

#header {
    height:76px;
    background:url(../images/header-bg.png) top left repeat-x;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
}

#logo {
    display:block;
    float:left;
    width:190px;
    height:76px;
    text-decoration:none;
    outline:none;
    text-indent:-9999px;
    background:url(../images/ost-logo.png) top left no-repeat;
}

#header p {
    display:block;
    width:430px;
    float:right;
    margin:10px;
    background:#eee;
    border:1px solid #ccc;
    padding:8px;
    text-align:center;
}

#nav, #sub_nav {
    clear:both;
    margin:0;
    padding:0 20px;
    height:26px;
    line-height:26px;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
}

#nav .active, #sub_nav li {
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}

#nav {
    background:#eee;
    padding-top:4px;
    z-index:200;
    border-top:1px solid #ddd;
    border-bottom:1px solid #c5d9ec;
}

#nav .active a, #nav .inactive {
    display:block;
    float:left;
    width:115px;
    height:26px;
    color:#555;
    text-align:center;
    font-weight:bold;
    margin-top:1px;
    margin-right:5px;
    position:relative;
}

#nav .inactive a {
    color:#555;
    display:block;
}

#nav .active a {
    background:url(../images/tab-bg.png) top left no-repeat;
    color:#004a80;
}

#nav .inactive ul {
    display:none;
    width:230px;
    background:#fbfbfb;
    margin:0;
    padding:0;
    position:relative;
    z-index:500;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

#nav .inactive li {
    display:block;
    margin:0;
    padding:0 5px;
    list-style:none;
    text-align:left;
}

#nav .inactive:hover {
    background:url(../images/tab-bg.png) bottom left no-repeat;
}

#nav .inactive:hover ul {
    display:block;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
}

.ieshadow {
    width:230px;
    background:#000;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
    z-index:300;
    position:absolute;
    top:24px;
    left:0;
}

#nav .inactive li {
    background:#fbfbfb;
}

#nav .inactive li a {
    padding-left:24px;
    background-position:0 50%;
    background-repeat:no-repeat;
    font-weight:normal;
    background-color:#fbfbfb;
}

#nav .inactive li a:hover {
    color:#E65524;