a, h1, h2, h3, p, select, body, td, input, input[type], option, label, button, button[type], textarea {
    /*    font: 11px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    font-family: Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
    font-size : 11px;

}


a, h1, h2, h3, p, select, body, td, input, input, option, label, button, button, textarea {
    /*    font: 11px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    font-family: Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
    font-size : 11px;

}

body {
    background-color: #F8F6F4;
}

div {
    margin: 0;
    padding: 0;
    border: none;
}

a, a:hover {
    text-decoration: none;
    color: black;
}

img {
    border: 0px;
    vertical-align: bottom;
}


table {
    border: none;
    border-collapse: collapse;
}


td, th {
    margin : 0;
    padding: 0;
}

body {
    margin : 0;
    padding : 0;
}

#dwrapper {
    background-image: url("../images/dwrapper.png");
    background-position: top;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
}

#wrapper {
    margin : 0 auto;
    width : 889px;
}

#wrapper_search {
    margin : 0 auto;
    width : 1109px;
}

#main {
    margin-top : 0;
}

#leftbar {
    float : left;
    width : 160px;
}

#leftbar a, a:hover {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 11px;
}

.bordered {
    border-top:    solid 2px #c59f76;
}



#leftbarmain {
    padding: 4px;
    background-color: #FEFDFB;
    border-bottom: solid 1px #c59f76;
/*    border-top:    solid 2px #c59f76;*/
}

#forads #leftbarmain {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}


#leftbarmain a {
    text-decoration: none;
    margin: 4px auto;
    padding: 0px 0px 2px;
    display: block;
    width: 135px;
    color: #9C5C39;
    border-bottom: solid 1px #F2ECDB;

}
#leftbarmain a img {
    vertical-align: bottom;
    margin-right: 5px;
}

#leftbarmain a:hover {
    color: #F2ECDB;
    background-color: #9C5C39;
}

#rightside_search {
    float : left;
    width : 859px;
}

#rightside {
    float : left;
    width : 729px;
}

#rightsidehead {
    height: 36px;
    background-image: url("../images/rup.png");
    background-position: top;
    vertical-align: middle;
    color: #6C4C19;
}

#rightsideheadoff {
    height: 7px;
}

#rightsideheadright {
    float:right;
    padding-right: 10px;
    height: 29px;
}

#rightsideheadleft {
    float:left;
    padding-left: 10px;
    padding-top: 10px;
    color: #6C4C19;
}

#rightsideheadleft a {
    padding: 3px;
    color: #6C4C19;
}

#rightsideheadleft a:hover {
    color: #F2ECDB;
    background-color: #6C4C19;
}



#rightsidehead input[type~="text"] {
    border: 1px solid #9C5C39;
    padding: 3px;
    height: 13px;
    background-color: #F0E4E0;
}

#rightsideads {
    color: #adwdwd;
    float : right;
    width : 160px;
}

#contentstart {
    height: 1px;
    background-color: #FFF;
}

#rightsideclearer {
    clear: both;
    height: 1px;
    background-color: #87472e;
}

#content {
    background-color: #FFF;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
    border-bottom:  solid 1px #666;
}

#rightsidebar {
    text-align:center;
    border:0px;
    background-color: transparent; /*87472E ;*/
    color: #FFFFFF;
}

#rightsidebar input[type~="text"] {
    border: 1px solid #9C5C39;
    padding: 3px;
    height: 13px;
    background-color: #F0E4E0;
}


/* BUTTONS */

.clearer {
    clear : both;
    height : 1px;
}

div.buttons {
    text-align: center;
    background-color : #ab0023;
    margin: 0 auto;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 7px;
    background-color:#F2ECDB;
    border:1px solid #c59f76;
    border-top:1px solid #c59f76;
    border-left:1px solid #c59f76;

    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:3px 8px 4px 7px;    /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:2px 8px 1px 7px;    /* IE6 */
}
.buttons button[type]{
    padding:3px 8px 3px 7px;    /* Firefox */
    line-height:17px;           /* Safari */
}
*:first-child+html button[type]{
    padding:2px 8px 1px 7px;    /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* REGULAR */

button:hover, .buttons a:hover{
    background-color:#c59f76;
    border:1px solid #9C5C39;
    color:#F2ECDB;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* FORMS */

form {
    margin: 0;
    padding: 0;
    border: 0;
}

form hr {
    border: none;
    background-color: #c59f76;
    height: 1px;
    margin: 7px;
    width: 80%;
}


form table {
    margin-top: 15px;
    width: 100%
}

form td {
    color: #87472e;
    padding: 2px;
}

form td.left {
    margin-top: 50px;
    width: 180px;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

form td.right {
    text-align: left;
    vertical-align: top;
}

form td.right.buttons {
    padding-top: 12px;
    padding-bottom: 12px;
}

form input[type~="file"] {
    margin-left: 7px;
}

form input[type~="text"], form input[type~="password"], form input[type~="textarea"], form textarea{
    margin: 0;
    margin-left: 7px;
    width: 180px;
    border: 1px solid #9C5C39;
    padding: 3px;
    height: 13px;
    background-color: #F0E4E0;
}

form textarea{
    height: 100px;
    width : 250px;
    overflow: auto;
}

form textarea.big {
    height: 300px;
    width : 400px;
}

form label {
    margin-top: 4px;
    margin-left: 7px;
}

form select, form input[type~="select"]{
    margin: 0;
    margin-left: 7px;
    border: 1px solid #9C5C39;
    padding: 1px 0px;
    height: 20px;
    background-color: #F0E4E0;
}


/* TABS */

div.tabs {
    text-align: center;
    margin: 0 auto;
}

.tabs a {
    color: #1A2022;
}

.tabs a:hover {
    text-decoration: underline;
}

.tabs .somespace {
    display:block;
    float:left;
    width: 15px;
    height: 20px;
}

.tabs a.tab {
    display:inline;
    float:left;
    margin: -1px;
    margin-top: 20px;
    background-color: #F8F6F4;
    border: 1px solid #c59f76;
    /*line-height:105%;*/
    text-decoration:none;
    font-weight:bold;
    color:#9C5C39;
    cursor:pointer;
    padding:3px 12px 3px 10px;    /* Links */
}

.tabs a.tab:hover{
    background-color:#9C5C39;
    border:1px solid #87472e;
    color:#F8F6F4;
}
.tabs a.tab.selected, .tabs a.tab.selected:hover {
    background-color:#87472e;
    border:1px solid #87472e;
    color:#fff;
}

.tabs .tabspace {
    clear : both;
    border-top: solid 1px #c59f76;
    padding: 0px;
    background-color: #FFF; /*8F6F4;*/
    margin: 0 auto;
    text-align:left;
    vertical-align:top;
}

#loginform form{
    color: #9C5C39;
    margin-top: 0px;
}

#loginform label {
    display: block;
    margin: 4px 1px 3px 7px;
    color: #9C5C39;
    text-align: left;
    font-weight: bold;
}
#loginform label.info   {color: blue; }
#loginform label.error  {color: red; }

#loginform input[type~="text"], #loginform input[type~="password"]{
    margin-left: 7px;
    margin-top: 3px;
    display: block;
    width: 120px;
}

#loginform .checkbox {
    margin-left: 7px;
    margin-top: 7px;
}

#loginform button {
    margin-top: 8px;
}

#loginform label.remember {
    font-weight: normal;
    display: inline;
    margin-left: 1px;
}

#loginform a, #loginform a:hover {
    margin-left: 7px;
    margin-top: 7px;
    border: none;
    width: auto;
}

#footer {
    line-height: 15px;
}

#footer a {
    padding: 0px 5px;
    color: #9C5C39;
}

#footer a:hover {
    text-decoration: underline;
}

#footer #left {
    margin: 8px 12px;
    color: #c59f76;
    float: left;
}

#footer #right {
    margin-top: 8px;
    float: right;
}

/* POPUP */

.ddBlocker {
    background-color: ;
    filter: alpha(opacity=45); /*for internet explorer*/
    moz-opacity:.45;
    opacity:.45;
    position: fixed;
    float: left;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 1px;
    height: 1px;
    z-index: 99;
}

.ddBoxContainer {
    filter: alpha(opacity=92); /*for internet explorer*/
    moz-opacity:.92;
    opacity:.92;
    top: 0px;
    left: 0px;
    margin: 0px;
    position: fixed;
    float: left;
    width: 100%;
    z-index: -1;
}


.popupBlocker {
    background-color: black;
    filter: alpha(opacity=45); /*for internet explorer*/
    moz-opacity:.45;
    opacity:.45;
    position: fixed;
    float: left;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 1px;
    height: 1px;
    visibility: hidden;
    z-index: 99;
}

.popupBoxContainer {
    top: 0px;
    left: 0px;
    margin: 0px;
    position: fixed;
    float: left;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: -1;
}


.popupBox {
    visibility: hidden;
    margin: 120px auto;
    width: 450px;
    background-color: #F8F6F4;
    border: solid 1px #9C5C39;
}

.ddBox {
    margin: 0px auto;
    padding: 10px;
    width: 600px;
    background-color: #F9F9F9;
    border-bottom: solid 1px #9C5C39;
    border-left: solid 1px #9C5C39;
    border-right: solid 1px #9C5C39;
}

.popupHeader {
    background-color: #c59f76;
    color: #F8F6F4;
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
}

#popupFormText form td.left {
    width: 100px;
}

#popupFormText {
    background-color: #F8F6F4;
    padding: 0px;
}

.popupBox .buttons {
    margin-top: 5px;
}

.popupBox .buttons a, .popupBox .buttons button{
    display:block;
    float:right;
}

#ddBox .buttons {
    margin-top: 5px;
}

#ddBox .buttons a, #ddBox .buttons button{
    display:block;
    float:right;
}


.popupBox .clearer {
    height: 5px;
}

#popupTextBox, #popupYesNoText {
    background-color: #F8F6F4;
    padding: 10px;
}

label.popup {
    margin-left: 7px;
    text-align: left;
    font-weight: bold;
    background-color: #F8F6F4;
    border: solid 1px #F8F6F4;
    padding-left: 1px;
}

label.popup:hover {
    background-color: #c59f76;
    border: solid 1px #c59f76;
    color: #F8F6F4;
    cursor: pointer;
}

/* INFOBOXES */

div.infobox {
    text-align: left;
    background-color: #FFF7EF;
    margin: 10px 80px 0px;
    border: solid 1px #9C5C39;
}

div.errorbox {
    text-align: left;
    background-color: #FFE8E8;
    margin: 10px 50px 0px;
    border: solid 1px #9C5C39;
}

div.rooster {
    text-align: left;
    background-color: #F0F0F0;
    margin: 0;
    margin-top: 8px;
    border: solid 1px #DDD;
    border-left: none;
    border-right: none;
}

.rooster h1 {
    color: #888;
    margin: 10px 10px 2px;
    font-size: 16px;
}

.rooster p {
    color: #888;
    margin: 8px;
}


.errorbox h1, .infobox h1 {
    color: #9C5C39;
    margin: 10px 10px 2px;
    font-size: 16px;
}

.errorbox p, .infobox p {
    color: #9C5C39;
    margin: 8px;
}

#genericLoadingCode div {
    visibility: hidden;
}

div.genericLoading  {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #F8F6F4;
    width: 100%;
    visibility: inherit;
    text-align: center;
}

.genericLoading img {
    margin: 15px auto;
    visibility: inherit;

}

#adminOffset {
    height: 30px;
}

#uploadAvatar table {
    margin: 20px auto 0px;

}

#uploadAvatar td {
    vertical-align: bottom;
    padding: 1px;
}

#uploadAvatar img {
    border: 0;
    padding: 2px;
}

/* Training Page */

div.pageGroup {
    width: 18em;
    padding: 6px  8px;
    margin:3px auto;
    width: 570px;
    background:#F2ECDB;
    color:#c59f76;
}

div.pageGroup.head {
    cursor: pointer;
}

div.pageGroup.head:hover {
    background-color: #c59f76;
    color: #F8F6F4;
    cursor: pointer;
}


div.pageGroup.list {
    padding: 0px;
    width: 569px;
    border-top: 0px;
    text-align: center;
}

.pageGroup h1 {
    margin: 3px 3px 0px;
    color: #9C5C39;
    font-size: 11px;
    font-weight: bold;
}

.pageGroup p {
    margin: 0px 3px;
}

/* TaskTable */
table.taskTable {
    margin: 1px;
    width : 100%;
    background-color: #fff;
}

.taskTable img {
    margin-top: -1px;
    margin-bottom: -1px;
}

.taskTable th {
    padding: 2px;
    background-color: #E0E0E0;
    color: #999;
    font-size: 10px;
    border-collapse: collapse;
    border: solid 1px #E5E5E5;
    text-align: center;
}

.taskTable tr.solved {
    background-color: #E8FFEA;
}

.taskTable td.solved {
    background-color: #E8FFEA;
}

.taskTable td.wrong {
    background-color: #E8FFEA;
}

.smallTable td.solved {
    background-color: #E8FFEA;
    text-align: center;
}

.smallTable td.leftTd{
/*    font-size: 12px;*/
    text-align: right;
    padding-right: 3px;
}

div.dsolved {
    background-color: #B8EFBA;
    text-align: center;
    width: 50px;
    padding: 2px;
}

div.dwrong {
    background-color: #EFE0B8;
    text-align: center;
    width: 50px;
    padding: 2px;
}

div.dfailed {
    background-color: #EFB8B8;
    text-align: center;
    width: 50px;
    padding: 2px;
}

.dwrong .smallerText, .dsolved .smallerText, .dfailed .smallerText {
    font-size: 9px;
    color: #444;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.smallTable td {
    padding: 2px;
}

.smallTable td.wrong {
    background-color: #FFE8E8;
    text-align: center;
}

.smallTable td {
    border: none;
    border-collapse: collapse;
}

.smallTable th {
    padding: 2px;
    border: solid 1px #E8FFEA;
    text-align: center;
}

.taskTable tr.wrong {
    background-color: #FFE8E8;
}

.taskTable tr.inprocess {
    background-color: #FFFBD9;
}

.taskTable tr.blue {
    background-color: #D9FBFF;
}

.taskTable tr.odd {
    background-color: #F8F6F4;
}


.taskTable td {
    padding: 2px 0px;
    color: #9C5C39;
    border: solid 1px #E5E5E5;
}

.taskTable td.tiny {
    font-size: 9px;
}

.taskTable .tiny th {
    font-size: 9px;
}

.taskTable td.center {
    text-align: center;
}

.taskTable td.center img.big {
    padding: 3px;
}

.taskTable td.name {
    text-align: left;
}

.taskTable tr.nohover:hover {
    background-color: transparent;
    cursor: default;
}

.taskTable tr:hover {
    background-color: #F2F2F2;
    cursor: pointer;
}


/* Center Links */

div.centeredLinks {
    border: 0;
    padding: 2px;
    text-align: center;
}

.centeredLinks a {
    text-decoration: none;
    margin: 4px auto;
    padding: 0px 0px 2px;
    color: #9C5C39;
    border-bottom: solid 1px #F2ECDB;
}

.centeredLinks a:hover {
    color: #F2ECDB;
    background-color: #9C5C39;
}

div.rightSmallLinks {
    border: 0;
    padding: 2px;
    text-align: right;
    font-size: 9px;
}

.rightSmallLinks a {
    text-decoration: none;
    color: #9C5C39;
    font-size: 9px;
    margin-left: 3px;
}

.rightSmallLinks a.current {
    background-color: #AC7C59;
    color: #FFFFFF;
}

.rightSmallLinks a:hover {
    color: #F2ECDB;
    background-color: #9C5C39;
}

.rightSmallLinks label {
    text-decoration: none;
    padding: 2px;
    color: #9C5C39;
    font-size: 9px;
}

.rightSmallLinks label:hover {
    color: #F2ECDB;
    background-color: #9C5C39;
    cursor: pointer;
}



.centeredLinks label {
    text-decoration: underline;
    font-weight:normal;
    padding: 2px;
    color: #9C5C39;
}

.centeredLinks label:hover {
    color: #F2ECDB;
    background-color: #9C5C39;
    cursor: pointer;
}

#geshicode {
    text-align: left;
    overflow: hidden;
    width: 100%;
}

#geshicode a {
    font-family: Monospace;
}

#geshicode .clickable:hover {
    cursor:pointer;
    background-color: #E2E1D0;
}

#geshicodeInForum {
    text-align: left;
    overflow: hidden;
    background-color: #FFFFCC;
    border: solid 1px #E2E1A9;
    color: black;
    margin: 10px 10px 5px;
    padding: 3px;
    font-size: 11px;
}

.latexFormula {
    text-align: left;
    overflow: hidden;
    color: black;
    margin: 3px 10px auto;
    padding: 3px;
    font-size: 11px;
}

#compileResult {
    margin-left: 15px;
    text-align: left;
    font-family: Monospace;
    font-size: 10px;
}

div.testPart {
    border-top: solid 1px #9C5C39;
    border-bottom: solid 1px #9C5C39;
    margin: -1px auto;
    vertical-align: middle;
    padding-left: 1px;
    text-align: left;
}

div.testPartStatic {
    width: 80%;
}


div.testPart.header {
    margin-top: 20px;
    background-color: #9C5C39;
    color: #F2ECDB;
    text-align: center;
    height: 18px;
}

.testPart td {
    border-left: solid 1px #9C5C39;
    border-right: solid 1px #9C5C39;
    vertical-align: middle;
}

.testPart table {
    width: 100%;
    height: 100%;
}

.testPart tr.solved {
    background-color: #E8FFEA;
}

.testPart tr.wrong {
    background-color: #FFE8E8;
}

.testPart td {
    padding-left: 3px;
}

div.testPart.testCase {
    margin-left: -1px;
    width: 100%;
    height: 18px;
}

div.eightyWidth {
    width: 80%;
    margin: 0 auto;
}

.eightyWidth td {
    text-align: left;
}

.eightyWidth td.center {
    text-align: center;
}

div.clockTitle {
    text-align: center;
    color: #9C5C39;
}

div.clockGreen {
    padding-top: 3px;
    text-align: center;
    color: green;
    font-size: 22px;
}

div.clockRed {
    padding-top: 3px;
    text-align: center;
    color: red;
    font-size: 22px;
}

div.clockBlue {
    padding-top: 3px;
    text-align: center;
    color: blue;
    font-size: 22px;
}

div.chatDiv {
    margin: 0px;
    overflow: hidden;
    padding: 0;
}

div.chatDataDiv {
    vertical-align: bottom;
    margin: 0px;
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
}

.chatDataDiv table {
    width: 100%;
    margin: 1px;
}

.chatDataDiv td {
    vertical-align:top;
    padding-right: 3px;
    padding-top: 2px;
}

.chatDataDiv td.aleft {
    text-align: left;
    overflow:hidden;
}

.chatDataDiv td.aright {
    text-align: right;
    overflow: hidden;
}

.chatDataDiv td.pp {
}

.chatDivFloater {
    margin: 0px auto;
    padding: 0;
}

.chatDataDiv div.packageDiv {
    padding: 0px;
    margin: 0px auto;
    border: 0px;
    vertical-align: bottom;
}

.chatDiv textarea, .chatDiv input[type~="textarea"] {
    margin: 1px;
    margin-top: 3px;
    padding: 2px;
    border: 1px solid #EEEEEE;
    height: 28px;
    width: 80%;
    background-color: #EEEEEE;
}

.chatDiv div.enterDiv {
    margin: 1px;
    margin-top: 3px;
    background-color: #EEEEEE;
}

.chatDataDiv div.chatPost {
    background-color: #F0E4E0;
    /*padding: 3px;*/
    /*margin: 1px;*/
    padding-left:5px;
    padding-right:5px;
}

.chatDataDiv div.chatPostAdmin {
    background-color: #E0E4F0;
    /*padding: 3px;*/
    /*margin: 1px;*/
    padding-left:5px;
    padding-right:5px;
}

.chatDataDiv div.chatPostModerator {
    background-color: #E0E4F0;
    /*padding: 3px;*/
    /*margin: 1px;*/
    padding-left:5px;
    padding-right:5px;
}

.chatDataDiv div.chatPostBomb {
    background-color: #E0F0E4;
    /*padding: 3px;*/
    /*margin: 1px;*/
    padding-left:5px;
    padding-right:5px;
}


.chatDiv tme {
    color: #555555;
}

.chatDiv p{
    margin: 0;
    padding: 0;
}

div.inlineComment {
    font-weight: normal;
    font-family: Lucida Grande, tahoma, Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px auto;
    border: 0px;
    vertical-align: bottom;
}

.inlineComment div.light {
    background-color: #F4F8FF;
    padding-left:5px;
    padding-right:5px;
    border: solid 1px #E0E4E8;

}

.inlineComment tme {
    color: #555555;
}

.inlineComment table {
    width: 95%;
    margin: 1px;
}

.inlineComment td {
    vertical-align:top;
    text-align: left;
    overflow:hidden;
    padding-right: 3px;
    padding-top: 2px;
}

.inlineComment p{
    margin: 0;
    padding: 1px;
}

.closerButton {
    width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    background-color: transparent;
    cursor:pointer;
    background-image:url('../images/fam/cross.png');
}

div.inlineComment a {
    font-family: Lucida Grande, tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
}

div.biglink {
    background-color: #F8F6F4;
    color: #C59F76;
    padding: 10px;
    margin: 20px;
}

div.biglink:hover {
    background-color: #C59F76;
    color: #F8F6F4;
}

div.biglink p.titled, div.biglink:hover p.titled {
    color: #9C5C39;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}

div.biglink p.rest, div.biglink:hover p.rest {
    padding: 4px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

div.biglink p.rest {
    color: #C59F76;
}


div.biglink:hover p.rest {
    color: #F8F6F4;
}


div.biglinksilver {
    background-color: #F1F1F1;
    color: #AAA;
    padding: 10px;
    margin: 20px;
}

div.biglinksilver p.titled {
    color: #999;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}

div.biglinksilver p.rest {
    padding: 4px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    color: #AAA;
}

span.masinfo a {
  display:block;
  border: solid #AAA;
  border-width: 0 1px;
  text-decoration: none;
  outline:none;
  color: #000;
  background: #e4FFe4;
}

span.masinfo a:hover {
    background: #999;
    color: #FFFFe4;
}

span.masinfo a.yellow {
  background: #FFFFe4;
}

span.masinfo a.yellow:hover {
    background: #999;
    color: #FFFFe4;
}

span.masinfo a.red {
  background: #FFD8D8;
}

span.masinfo a.red:hover {
    background: #999;
    color: #FFD8D8;
}

span.masinfo a b, span.masinfo a.yellow b  {
  display: block;
  position:relative;
  top: -1px;
  left: 0;
  border:solid #AAA;
  border-width:1px 0 0;
  font-weight:normal;
}
span.masinfo a b b, span.masinfo a.yellow b b {
  border-width:0 0 1px;
  top: 2px;
}
span.masinfo a b b b, span.masinfo a.yellow b b b {
  top:-1px;
  padding: 1px 6px;
  border-width: 0;
}