/* GENERAL STYLES BEGIN */

    html.js .hidden { display: none; }

    img { border: none; padding: 0; margin: 0; display: block; }

    .middle { text-align: center; }

    p, li { line-height: 1.5em; }

    a { color: #1DA3C0; text-decoration: none; }
    a:visited { color: #1DA3C0; }
    a:hover { color: #AAA; }

    em { font-style: italic; }
    strong, .strong { font-weight: bold; }

    .username { color: #F00; }

    hr { margin: 20px 0; }

    .inline { display: inline; }
    div.inline { float: left; margin: 0 2em 2em 0; }

    table.data { border-collapse: collapse; margin: 1em 0 2em; font-size: 110%; }
    table.data th { font-weight: bold; text-align: center; padding: 1em; border: 1px solid #777; background: #EEE; }
    table.data td { padding: 0.5em 1em; border: 1px solid #777; }
    table.data tr:nth-child(odd) { background: #FAFAFA; }
    table.data tr.link:hover { background: #F7F7F7; }
    table.data tr.link td { padding: 0; }
    table.data tr.link td a { display: block; padding: 0.5em 1em; }
    table.data tr.link:hover a { color: #F00; }

    #content_padded { font-size: 125%; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 10px; padding-bottom: 20px; overflow: auto; width: 758px }
    #content_padded p { margin-bottom: 0.75em; }

    h1 { font-size: 200%; line-height: 2em; padding: 0.5em 1em 0.5em 0; clear: both; font-family: Georgia, Times, serif; letter-spacing: 1px; }
    h2 { font-weight: bold; font-size: 175%; line-height: 2.5em; padding: 0.5em 0; clear: both; }
    .section_piece h2 { line-height: 1.2em; }
    h3 { font-weight: bold; line-height: 1.4em; font-size: 140%; padding: 0.5em 0; clear: both; }

    ol { list-style: decimal outside; padding-left: 2em; }
    .coloured { color: #4F81BD; font-style: italic; font-weight: bold; font-size: 125%; }

    ul.clean { margin-bottom: 4em; }
    ul.clean li { padding: 0.5em 0; }

    .float_left { float: left; }

    .spaced { margin: 0.5em 1em 0.5em 0; }

    #current_issue_box { float: left; text-align: center; margin-bottom: 2em; }
    #previous_issues_box { float: left; margin-bottom: 2em; }

    .home_section_right { float: right; clear: right; width: 390px; }
    .home_section_left { float: left; clear: left; }
    .home_section_left .item { float: left; clear: left; width: 338px; }



    .section_medicine { color: #26ADE5; font-weight: bold; }
    .section_careers { color: #E93554; font-weight: bold; }
    .section_psychiatry { color: #D4208F; font-weight: bold; }
    .section_surgery { color: #4C4E8D; font-weight: bold; }
    .section_hle { color: #00A34B; font-weight: bold; }
    .section_gch { color: #F3B12E; font-weight: bold; }


    .item { position: relative; line-height: 1.3em; margin-bottom: 1em; font-size: 120%; padding-left: 20px; }
    h3.section { font-size: 160%; border-bottom: 3px solid #CCC; color: #000; padding: 1em 0 0.1em 0; margin-bottom: 10px; line-height: 1.2em; font-weight: bold; }
    h4 { font-weight: bold; text-decoration: underline; color: #000; }
    .item a { margin: 0 20px 0 0; text-decoration: underline; color: #999; line-height: 1.5em; }
    h4 a { margin: 0 !important; text-decoration: none !important; color: #475793 !important; }


    /* LAYOUT START */

    html, body {
        margin: 0;
        padding: 0;
        font-style: normal;
        color: #333;
        line-height: 1.5em;
        font-family: arial, tahoma, verdana, helvetica, sans-serif;
    }

    body { font-size: 62.5%; min-width: 960px; background: #FFF; }

        div#body_wrap {
            margin: 0 auto;
            width: 960px;
        }

            #banner { float: right; clear: left; }

            #homepage_content {  }

            #adbanner_box_h { overflow: hidden; position: relative; margin: 5px auto 0 auto; width: 725px; height: 90px; border: 1px solid #CCC; text-align: center; }
            #adbanner_box_v { overflow: hidden; position: relative; width: 140px; height: 472px; border: 1px solid #CCC; text-align: center; }
            img.advert_label_h { position: absolute; left: 3px; top: 15px; z-index: 999; }
            img.advert_label_v { position: absolute; left: 38px; bottom: 2px; z-index: 999; }
            #adbox_top { position: relative; }
            #adbox_sky { position: relative; }

            .js .hidden { display: none; }

            #column_left .padding { margin-top: 7px; }
            .column1 { float: left; width: 180px; }
            .column_content { float: left; width: 780px; }
            .column2 { float: left; width: 370px; }
            .column3 { float: left; width: 410px; color: #505E97; }
            .column3 .padding { padding-left: 100px; }
            #content_box {  }
            #content_box_padding { float: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 0 20px 0; width: 778px; }
            #content_box_padding h1 { margin-left: 0.5em; }

            #star { margin: 0 0 20px 20px; float: left; }

            ul.menu { color: #006699; clear: left; }
            ul.menu li { font-weight: bold; font-size: 150%; padding-bottom: 0.5em; line-height: 1.3em; }
            ul.menu ul { padding-top: 0.1em; }
            ul.menu ul li { font-weight: normal; font-size: 80%; padding: 0; line-height: 1.3em; }
            ul.menu li.highlight a { color: #F00; }
            ul.menu li.highlight a:hover { color: #00F; }

            #main_menu { margin: 0 0 150px 20px; }

            #action_menu { border-top: 1px solid #CCC; margin-bottom: 1em; }
            #action_menu li { font-size: 110%; }
            #action_menu a { display: block; height: 4em; line-height: 4em; border-bottom: 1px solid #CCC; padding-left: 50px; }
            #action_submit { background: url('../images/menu_icons/action_submit.gif') no-repeat 5px 50%; }
            #action_education { background: url('../images/menu_icons/action_education.gif') no-repeat 5px 50%; }
            #action_blogs { background: url('../images/menu_icons/action_blogs.gif') no-repeat 5px 50%; }
            #action_electives { background: url('../images/menu_icons/action_electives.gif') no-repeat 5px 50%; }
            #action_advertising { background: url('../images/menu_icons/action_advertising.gif') no-repeat 5px 50%; }
            #addthis { text-align: center; padding: 2em; }
            #addthis a { border: 0; padding: 0; height: auto; }
            #addthis img { margin: 0 auto; }

            #splash_cover { border: 1px solid #555; background: transparent url('../images/ajax_busy.gif') no-repeat 50% 50%; }

            #panel3 img { position: absolute; bottom: 0; }


            #homepage_content h3.section { color: #2EABC4; font-size: 160%; line-height: 1.2em; font-weight: bold; padding: 10px 0 5px 0; border-bottom: 1px solid #2EABC4; margin: 0 20px 5px 20px; }
            #homepage_content .item { position: relative; margin-right: 2em; line-height: 1.3em; margin-bottom: 1em; font-size: 110%; }
            .item .text { margin-left: 70px; }
            .item img { float: left; margin: 5px 10px 5px 0; }
            #homepage_content .item h4 { text-decoration: underline; font-weight: normal; color: #475793; }
            #homepage_content .item a { margin: 0 20px 0 0; text-decoration: underline; color: #999; line-height: 1.5em; }
            .author { color: #777; line-height: 1.5em; }


            #footer_box { float: left; clear: both; width: 959px; border: 1px solid #CCC; border-left: 0 none; height: 5em; line-height: 5em; color: #AAA; }
            #footer_box div { float: left; }
            #footer_box .column_content { width: 779px; }
            #footer_box #copyright { width: 469px; border-left: 1px solid #CCC; text-align: center; }
            #footer_box .column3 { width: 309px; }
            #footer_box .column3 .padding { padding: 0 4em; color: #AAA; text-align: right; float: right; }
            #footer_box .column3 a { margin: 0 3px; }

    /* LAYOUT END */


    /* JAVASCRIPT ENABLED */
    /* hide submenus */
    .js ul.menu ul {
        display: none;
    }
    .js ul.menu li.on ul {
        display: block;
    }



    .column_left { float: left; width: 578px; padding: 0 0 0 20px; }
    .column_right { float: right; width: 146px; padding: 20px 20px 20px 14px; }

    .pad { padding: 1em; }
    .pad_left { padding-left: 1em; }
    #tab_box { float: left; margin: 20px 0 0 0; width: 100%; }
    .tab_content { float: left; width: 576px; }
    #tab_box .padding { padding: 10px 10px 0 10px; }
    #tab_issue_cover { float: left; background: transparent url(../images/issue_frame.jpg) no-repeat 0 0; width: 167px; position: relative; text-align: left; padding: 1px; }
    #tab_issue_cover img { border: 1px solid #93ADAC; display: inline; }
    #tab_issue_cover span { display: block; margin: 0.5em 0; line-height: 1.2em; text-align: center; }
    #tab_issue_cover.in_middle { margin: 0 auto !important; float: none; }

    .tab_gch .tab_content { border: 1px solid #FFC904; }
    .tab_careers .tab_content { border: 1px solid #DC5A74; }
    .tab_medicine .tab_content { border: 1px solid #18A9CB; }
    .tab_surgery .tab_content { border: 1px solid #5B56A1; }
    .tab_psychiatry .tab_content { border: 1px solid #C7248F; }
    .tab_hle .tab_content { border: 1px solid #0AA654; }


    .article_column_left { float: left; width: 50%; }
    .article_column_left .padding { padding-right: 10px; }
    .article_column_right { float: left; width: 50%; }
    .article_column_right .padding { padding-left: 10px; }

    .highlight_box .item { padding-left: 0; }


    .highlight_box { float: left; width: 376px; text-align: justify; margin-left: 10px; }
    .highlight_box h3 { padding-top: 0; margin-right: 0; }
    .highlight_box .item { margin-right: 0; }
    .highlight_box img { margin-bottom: 10px; }
    .high_box1 { float: left; width: 100%; padding-bottom: 10px; }
    .high_box2 { float: left; width: 180px; margin-left: 20px; padding-bottom: 10px; }



    ul.menu_right { border-top: 1px solid #CCC; margin-bottom: 10px; }
    ul.menu_right a { display: block; height: 4em; line-height: 4em; border-bottom: 1px solid #CCC;  }


    .article h2 { margin: 1em 0 0 0; text-align: left; font-size: 180%; line-height: 1.2em; }
    .article img.graphic { margin: 1em 1em 1em 0; padding: 3px; border: 1px solid #EEE; float: left; }
    .article .author { font-size: 125%; }
    .article .intro { font-size: 125%; margin-top: 1em; margin-bottom: 2em; line-height: 1.4em; }
    .article .download { margin-top: 1em; float: left; clear: left; }


    ul.pointform { list-style: disc outside; margin-bottom: 1em; margin-left: 2em; }
    ul.pointform li { }


    .stylized { clear: both; font-size: 250%; font-weight: normal; font-style: italic; font-family: georgia, times, serif; line-height: 1.3em; padding: 1em 0; text-align: center; }

    table.neat { width: 70%; margin: 0 auto; line-height: 1.5em; padding-left: 50px; }
    table.neat td { padding: 1em; }
    table.neat h2 { float: left; font-size: 200%; font-weight: normal; font-style: italic; font-family: georgia, serif; }


    #login_bar { float: right; margin: 5px 0 0 0; padding: 5px 5px 0 5px; }

    #login_bar a, #login_bar span { padding: 0 5px; }


    ul.block_menu { float: left; clear: left; width: 100%; }
    ul.block_menu a { display: block; padding: 10px; float: left; text-align: center; border: 1px solid #DDD; margin: 10px 0 10px 10px; }

    ul.menu_horiz {
        float: left; clear: left;
        background: #F7F7F7;
        margin: 0 1em 1em 1em;
        font-size: 200%;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        -opera-border-radius:15px;
        -khtml-border-radius:15px;
        border-radius:15px;
    }
    ul.menu_horiz a { width: 250px; overflow: auto; display: block; padding: 10px; text-align: center; border: 1px solid #CCC; margin: 5px; line-height: 60px; background: #FFF;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -opera-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;
    }
    ul.menu_horiz a:hover { border: 1px solid #F00; color: #F00; }
    ul.menu_horiz a img { float: left; }


    /* MESSAGES */

    .M {
        float: left;
        clear: left;
        font-weight: bold;
        line-height: 1.6em;
        margin: 0.8em 0;
        width: 100%;
    }
    .M div.padding { padding: 1em; color: #000; border: 2px solid #ddd; }
    .M img { float: left !important; margin-right: 10px !important; vertical-align: middle !important; }
    .M_USER_STOP div.padding, .M_USER_ERROR div.padding { background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; }
    .M_USER_WARNING div.padding { background:#FFF6BF;color:#514721;border-color:#FFD324; }
    .M_USER_MESSAGE div.padding, .M_USER_WAITING div.padding { background:#C0E7FF;color:#242F51;border-color:#95BFD8; }
    .M_USER_SUCCESS div.padding { background:#E6EFC2;color:#264409;border-color:#C6D880; }


    /* FORMS */

    form { overflow: visible; clear: both; }
    div.auto_form { }
    fieldset { padding:1.4em; margin: 1em 1em 1.5em 1em; border: 1px solid #CCC; }
    legend { font-weight: bold; font-size:1.2em; }
    label { font-weight: bold; display: block; float: left; padding-right: 2em; }
    textarea, input[type='text'], input[type='password'], input[type='file'], select { border: 1px solid #ccc; background: #fff; width: 100%; }
    textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
    textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
    input, select { cursor: pointer; }
    input[type='text'],input[type='password'] { cursor: text; }
    input[type='checkbox'] {  vertical-align: bottom; }

    div.label { overflow: auto; width: 100%; }
    div.label div.description { float: right; color: #888; }


    form p, div.form { margin: 0 0 1em 0; clear: left; }

    /* table.categories { margin: 0 auto; } */
    table.categories img, img.inline { display: inline; vertical-align: text-bottom; margin-right: 5px; }
    table.categories a:hover { color: #F00; }

    .function_box { padding: 1em 0; font-size: 125%; line-height: 125%; overflow: auto; }
    .function_box a { display: block; float: left; border: 1px solid #F00; padding: 0.5em; }

    .error { color: #F00; }

    a.button { display: block; border: 1px solid #DDD; padding: 10px; margin: 10px 10px 10px 0; float: left; text-align: center; }

    .section_piece { padding: 1em 1em; width: 500px; float: left; border: 2px solid #EEE; margin: 1em 1em 1em 1em; }

    .bordered { padding: 3px; border: 1px solid #CCC; margin: 0 1em 1em 0; }

    .bigger { font-size: 125%; }

    .clear { clear: both; }

    .issue_box { float: left; }
    .issue_box img { margin-bottom: 0.5em; }
    .issue_box a { display: block; border: 1px solid #DDD; margin: 0 1em 1em 0; background: #F7F7F7; padding: 10px; }
    .issue_box a.live { border: 2px solid #F00; padding: 9px; }

    .surgery { color: #6A64AC !important; }

    .floatwrap { float: left; overflow: auto; width: 100%; }



a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  white-space: nowrap;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .container button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
  display: inline;
}

/* Standard Buttons */
button:hover, a.button:hover {
  color: #336699;
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
}
a.button:active, button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

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

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