﻿body {
    color: #555;
    background-color :#fff;
    /*background-color: #edf6f3;*/
}

a {
    color: #004B96;
}

    a:hover, a:active, a:focus {
        color: #0065C8;
    }

h1 {
    color: #004B96;
}

h2 {
    color: #004B96;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}

.modalnew-open {
    overflow: hidden;
}

.modalnew {
    position: fixed;
}

    .modalnew.fade .modalnew-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modalnew.in .modalnew-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modalnew-dialog {
    position: relative;
    z-index: 100001;
    width: auto;
    margin: 10px;
}

.modalnew-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modalnew-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

    .modalnew-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modalnew-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modalnew-header {
    min-height: 16.428571429px;
    border-bottom: 1px solid #e5e5e5;
}

    .modalnew-header .close {
        margin-top: -2px;
    }

.modalnew-title {
    margin: 0;
    line-height: 1.428571429;
    background: #1c7d73;
    padding: 5px;
    color: #fff;
}

.modalnew-body {
    position: relative;
    padding: 5px;
}

.modalnew-footer {
    padding: 5px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modalnew-footer:before,
    .modalnew-footer:after {
        display: table;
        content: " ";
    }

    .modalnew-footer:after {
        clear: both;
    }

    .modalnew-footer:before,
    .modalnew-footer:after {
        display: table;
        content: " ";
    }

    .modalnew-footer:after {
        clear: both;
    }

.overlay {
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.overlayContent {
    position: fixed;
    top: 175px;
    z-index: 1050;
    margin-left: 5px;
    /*background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;*/
}

​ #header #logo {
    color: #FFF;
}

#header #nav li a {
    color: #FFF;
}

    #header #nav li a:hover {
        text-decoration: underline;
    }

#header #nav li.current a {
    background-color: #FFF;
    color: #004B96;
}

.articles .article-info {
    border-bottom: 1px dotted #CCC;
    color: #888;
}

    .articles .article-info a {
        color: #888;
    }

        .articles .article-info a:hover {
            color: #555;
        }

.pagination a.current {
    background-color: #004B96;
    color: #FFF;
}

.more a {
    border: 1px solid #DDD;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #EEE;
    color: #000;
}

    .more a:hover {
        background-color: #FFF;
        color: #004B96;
    }

.menu {
    border-top: 1px dotted #CCC;
}

    .menu li a {
        border-bottom: 1px dotted #CCC;
    }

    .menu li.current a {
        color: #555;
    }

.sponsors {
    color: #888;
}

    .sponsors li {
        border-bottom: 1px dotted #CCC;
    }

#footer {
    background-color: #1D9C73;
   
}

.input-text {
    border: 1px solid #CCC;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    color: #888;
}

.button, .minibutton {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    white-space: nowrap;
    background-color: #eaeaea;
    background-image: -moz-linear-gradient(#fafafa, #eaeaea);
    background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
    background-image: linear-gradient(#fafafa, #eaeaea);
    background-repeat: repeat-x;
    border-radius: 3px;
    border: 1px solid #ddd;
    border-bottom-color: #c5c5c5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

    .button:hover, .button:active, .button.zeroclipboard-is-hover, .button.zeroclipboard-is-active, .minibutton:hover, .minibutton:active, .minibutton.zeroclipboard-is-hover, .minibutton.zeroclipboard-is-active {
        text-decoration: none;
        background-color: #dadada;
        background-image: -moz-linear-gradient(#eaeaea, #dadada);
        background-image: -webkit-linear-gradient(#eaeaea, #dadada);
        background-image: linear-gradient(#eaeaea, #dadada);
        background-repeat: repeat-x;
        border-color: #ccc #ccc #b5b5b5;
    }

    .button:active, .button.selected, .button.zeroclipboard-is-active, .minibutton:active, .minibutton.selected, .context-menu-container.active .minibutton.switcher, .context-menu-container.active .context-button, .minibutton.zeroclipboard-is-active {
        background-color: #dadada;
        background-image: none;
        border-color: #b5b5b5;
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.15);
    }

    .button:disabled, .button:disabled:hover, .button.disabled, .button.disabled:hover, .minibutton:disabled, .minibutton:disabled:hover, .minibutton.disabled, .minibutton.disabled:hover {
        opacity: .5;
        color: #333 !important;
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
        background-image: none;
        background-color: #e5e5e5;
        border-color: #c5c5c5;
        cursor: default;
        box-shadow: none;
    }

    .button.primary, .minibutton.primary {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #60b044;
        background-image: -moz-linear-gradient(#8add6d, #60b044);
        background-image: -webkit-linear-gradient(#8add6d, #60b044);
        background-image: linear-gradient(#8add6d, #60b044);
        background-repeat: repeat-x;
        border-color: #5ca941;
    }

        .button.primary:hover, .minibutton.primary:hover {
            color: #fff;
            background-color: #569e3d;
            background-image: -moz-linear-gradient(#79d858, #569e3d);
            background-image: -webkit-linear-gradient(#79d858, #569e3d);
            background-image: linear-gradient(#79d858, #569e3d);
            background-repeat: repeat-x;
            border-color: #4a993e;
        }

        .button.primary:active, .button.primary.selected, .minibutton.primary:active, .minibutton.primary.selected, .context-menu-container.active .primary.minibutton.switcher, .context-menu-container.active .primary.context-button {
            background-color: #569e3d;
            background-image: none;
            border-color: #418737;
        }

        .button.primary:disabled, .button.primary:disabled:hover, .button.primary.disabled, .button.primary.disabled:hover, .minibutton.primary:disabled, .minibutton.primary:disabled:hover, .minibutton.primary.disabled, .minibutton.primary.disabled:hover {
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
            background-color: #60b044;
            background-image: -moz-linear-gradient(#8add6d, #60b044);
            background-image: -webkit-linear-gradient(#8add6d, #60b044);
            background-image: linear-gradient(#8add6d, #60b044);
            background-repeat: repeat-x;
            border-color: #74bb5a #74bb5a #509338;
        }

    .button.danger, .minibutton.danger {
        color: #fff;
        text-shadow: 0px -1px 0 rgba(0,0,0,0.3);
        background-color: #b33630;
        background-image: -moz-linear-gradient(#dc5f59, #b33630);
        background-image: -webkit-linear-gradient(#dc5f59, #b33630);
        background-image: linear-gradient(#dc5f59, #b33630);
        background-repeat: repeat-x;
        border-color: #cd504a;
    }

        .button.danger:hover, .minibutton.danger:hover {
            color: #900;
            background-color: #eaeaea;
            background-image: -moz-linear-gradient(#fafafa, #eaeaea);
            background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
            background-image: linear-gradient(#fafafa, #eaeaea);
            background-repeat: repeat-x;
            border-radius: 3px;
            border: 1px solid #ddd;
            border-bottom-color: #c5c5c5;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        }

        .button.danger:active, .button.danger.selected, .minibutton.danger:active, .minibutton.danger.selected, .context-menu-container.active .danger.minibutton.switcher, .context-menu-container.active .danger.context-button {
            color: #fff;
            background-color: #b33630;
            background-image: none;
            border-color: #9f312c;
        }

        .button.danger:disabled, .button.danger:disabled:hover, .button.danger.disabled, .button.danger.disabled:hover, .minibutton.danger:disabled, .minibutton.danger:disabled:hover, .minibutton.danger.disabled, .minibutton.danger.disabled:hover {
            color: #900;
            text-shadow: 0 1px 0 rgba(255,255,255,0.9);
            background-color: #e1e1e1;
            background-image: -moz-linear-gradient(#fff, #e1e1e1);
            background-image: -webkit-linear-gradient(#fff, #e1e1e1);
            background-image: linear-gradient(#fff, #e1e1e1);
            background-repeat: repeat-x;
            border-color: #c5c5c5;
        }

    .button.blue, .button.blue:hover, .minibutton.blue, .minibutton.blue:hover {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color:#1c7d73;
        background-image: -moz-linear-gradient(#1c7d73, #1c7d73);
        background-image: -webkit-linear-gradient(#599bcd, #3072b3);
        background-image: linear-gradient(#1c7d73, #1c7d73);
        background-repeat: repeat-x;
        border-color: #1c7d73;
    }

        .button.blue:hover, .button.blue:active, .minibutton.blue:hover, .minibutton.blue:active {
            border-color: #2a65a0;
        }

        .button.blue:active, .button.blue.selected, .minibutton.blue:active, .minibutton.blue.selected, .context-menu-container.active .blue.minibutton.switcher, .context-menu-container.active .blue.context-button {
            background-color: #3072b3;
            background-image: none;
            border-color: #25588c;
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.15);
        }

        .button.blue:disabled, .button.blue.disabled, .minibutton.blue:disabled, .minibutton.blue.disabled {
            background-position: 0 0;
        }

    .button.grey, .button.grey:hover, .minibutton.grey, .minibutton.grey:hover {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #6d6d6d;
        background-image: -moz-linear-gradient(#8c8c8c, #6d6d6d);
        background-image: -webkit-linear-gradient(#8c8c8c, #6d6d6d);
        background-image: linear-gradient(#8c8c8c, #6d6d6d);
        background-repeat: repeat-x;
        border: 1px solid #707070;
        border-bottom-color: #595959;
    }

        .button.grey:hover, .button.grey:active, .button.grey.selected, .minibutton.grey:hover, .minibutton.grey:active, .minibutton.grey.selected, .context-menu-container.active .grey.minibutton.switcher, .context-menu-container.active .grey.context-button {
            border-color: #585858;
        }

        .button.grey:active, .button.grey.selected, .minibutton.grey:active, .minibutton.grey.selected, .context-menu-container.active .grey.minibutton.switcher, .context-menu-container.active .grey.context-button {
            background-color: #545454;
            background-image: none;
            border-color: #474747;
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.15);
        }

    .button.with-count, .minibutton.with-count {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        float: left;
    }

.button, .minibutton {
    outline: none;
}

    .button:focus, .minibutton:focus {
        text-decoration: none;
        border-color: #51a7e8;
        box-shadow: 0 0 5px rgba(81,167,232,0.5);
    }

    .button img {
        position: relative;
        top: -1px;
        margin-right: 3px;
        vertical-align: middle;
    }

    .button > .octicon {
        vertical-align: middle;
        margin-top: -1px;
    }

.minibutton {
    padding: 0 10px;
    line-height: 24px;
    box-shadow: none;
}

    .minibutton:hover .octicon-device-desktop:before {
        background-position: -18px 0;
    }

    .minibutton i {
        font-weight: 500;
        font-style: normal;
        opacity: .6;
    }

.button-block {
    display: block;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button-link {
    display: inline;
    padding: 0;
    font-size: inherit;
    color: #4183c4;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}


.trborder td, .trborder th {
    border-top: 1px solid #acacac !important;
}

#signup {
    width: 600px;
    height: 100%px;
    margin: 0px auto;
    padding: 20px;
    position: relative;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAMAAAB883U1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF7+/v7u7u////REBVnAAAAAN0Uk5T//8A18oNQQAAABZJREFUeNpiYGJiYmBiYgRiBhAGCDAAALsAFJhiJ+UAAAAASUVORK5CYII=);
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    #signup::before,
    #signup::after {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 2px;
        right: 2px;
        top: 0;
        z-index: -1;
        background: #fff;
        border: 1px solid #ccc;
    }

    #signup::after {
        left: 4px;
        right: 4px;
        bottom: -5px;
        z-index: -2;
        -moz-box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
        box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
    }

    #signup h1 {
        position: relative;
        font: italic 20px/56px 'trebuchet MS',Arial, Helvetica;
        text-align: center;
        margin: 0 0 20px;
    }

        #signup h1::before,
        #signup h1::after {
            content: '';
            position: absolute;
            border: 1px solid rgba(0,0,0,.15);
            top: 10px;
            bottom: 10px;
            left: 0;
            right: 0;
        }

        #signup h1::after {
            top: 0;
            bottom: 0;
            left: 10px;
            right: 10px;
        }
