/* PGS 2015 updates */

body { 
   background-image: none;
   background-color: #E4E4E4;

}


#topNavigation { 
   background-color: #FFFFFF;
   width: 929px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   position: relative;
   left: 8px;
}

div#header { position: relative; }


#topNavigation li { float: left; border-left: 1px solid #ccc; font-size: 12px; color: #000000; font-weight: bold; position: relative; top: 2px; }
#topNavigation li.first { border-left: none; }
#topNavigation li a { color: #000000; display: block; padding: 10px; border-bottom: 5px solid #FFFFFF; padding-top: 12px;}
#topNavigation li a:focus, 
#topNavigation li a:hover,
#topNavigation li a:active { 
      border-bottom: 5px solid #5D679A;
      text-decoration: none;
 }

#topNavigation li.account a:focus,
#topNavigation li.account a:hover,
#topNavigation li.account a:active { 
      border-color: #AAAAAA;
}

#topNavigation li.browse a:focus,
#topNavigation li.browse a:hover,
#topNavigation li.browse a:active { 
      border-color: #5D679A;
}

#topNavigation li.masterscompare a:focus,
#topNavigation li.masterscompare a:hover,
#topNavigation li.masterscompare a:active { 
      border-color: #E8503A;
}

#topNavigation li.mypostgradapps a:focus,
#topNavigation li.mypostgradapps a:hover,
#topNavigation li.mypostgradapps a:active { 
      border-color: #89C540;
}

#topNavigation li.thinkpostgrad a:focus,
#topNavigation li.thinkpostgrad a:hover,
#topNavigation li.thinkpostgrad a:active { 
      border-color: #F6901E;
}

#topNavigation div.search { 
      position: relative;
      float: left;
      margin: 0px;
      padding: 0px;
      padding-top: 8px;
      padding-left: 10px;
      padding-bottom: 8px;
      margin-right: 10px;
}

#topNavigation div.search input.form-text { 
      padding-right: 27px;
      padding-left: 5px;
}

#topNavigation div.search input.submit,
#topNavigation div.search input.form-submit {
      background-color: #FFFFFF;
      position: absolute;
      right: 6px;
      top: 12px;
      border-style: none;
}


#topNavigation li.twitter a,
#topNavigation li.youtube a,
#topNavigation li.logout a,
#topNavigation li.facebook a  {  width: 27px; 
                                   height: 19px; 
                                   background-image: url(/sites/default/themes/pgstheme09/images/postgraduatestudentships/sprites.png);
                                   display: block;
                                   border-style: none;
                                 }

#topNavigation li.twitter a span,
#topNavigation li.youtube a span, 
#topNavigation li.logout a span, 
#topNavigation li.facebook a span { float: left; height: 0px; width: 0px; overflow: hidden; }

#topNavigation li.twitter a { background-position: -17px -236px }
#topNavigation li.facebook a { background-position: -56px -236px }

#topNavigation li.youtube a { background-position: -94px -236px }
#topNavigation li.logout a { background-position: -135px -236px }

div#header { 
    height: 134px;
    margin-bottom: 10px;

}

div#header div.block { 
    position: absolute;
    top: -10px;
    right: 10px;
}

div#main { 
    margin-top: 0px;
}

div#main div#menu { 
    background-color: #1F2250;
    overflow: hidden;
    margin-bottom: 8px;
}

div#main div#menu ul.menu { 
    clear: both;
    height: 15px;
    border-bottom: 1px solid #363b84;
}

div#main div#menu ul.menu li { 
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
div#main div#menu ul.menu li a { 
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    padding-right: 9px;
    border-right: 1px solid #363B84;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #1F2250;
    padding-left: 9px;
}
div#main div#menu ul.menu li a:focus,
div#main div#menu ul.menu li a:hover,
div#main div#menu ul.menu li a:active,
div#main div#menu ul.menu li a.active {
     text-decoration: none;
     font-weight: normal;
     border-bottom-color: #FFFFFF;
} 

div#block-banner-112 img { width: 728px; height: 90px; }
div.block.block-banner h2.title { display: none; }
body#home div#main table.subjectBoxes3col p.summary, 
body#home div#main table.subjectBoxes3col div.header { font-size: 12px;}
body#home div#main table.subjectBoxes3col div.featuredOpenday p.summary {margin-top: 0px; padding-top: 0; margin-top: -3px;}
body#home div#main table.subjectBoxes3col div.featuredStudentprofile { padding-right: 5px; }
body#home div#main table.subjectBoxes3col div.nodelogo { float: right; height: 60px; display: inline-block; margin-bottom: 8px; text-align: center; vertical-align: middle;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
body#home div#main table.subjectBoxes3col div.nodelogo img {  margin-top: 10px; position: relative; }
body#home table.subjectBoxes3col td.col1 div.node { width: 294px; }
body#home table.subjectBoxes3col td.col2 div.node { width: 289px; }
body#home table.subjectBoxes3col td.col3 div.node { width: 291px; }


div#main div.contentContainer button.mypgapps_add,
div#main button.mypgapps_add {
    background-image: none;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 1.1em;
    height: 20px;
    margin: 10px 0 0;
    padding: 0 0 0 10px;
    text-align: left;
    width: 142px;
    background-color: #3AB54A;
    border-color: #3AB54A;
    font-size: 14px;
    height: 30px;
    font-family: "ff-din-web",sans-serif;
    display: block;

}


input.submit, input.form-submit, button.form-submit {
    background-color: #1F2250;
    border: 1px solid #5f699c;
    color: #ffffff;
}

div.fundingFilters input.submit { 
    margin-top: 2px;
    margin-left: 10px;
}


/**
 * Lead Generation Button
 */

div.leadGenerationButton { 
   width: 115px;
   height: 115px;
   padding: 10px;
   margin: 4px auto 23px;
}

div.leadGenerationButton span.title { font-weight: bold; font-size: 1.7em !important; }
div.leadGenerationButton span.description { display: block; font-size: 1.4em !important;  padding-top: 10px; }

div.leadGenerationButton a { 
   display: block;
   width: 100%;
   height: 100%;
}

div.createLeadGeneration { 
   margin-top: 20px;
   margin-bottom: 20px;
}

div.leadGenerationLink { 
   font-size: 0.9rem;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 5px;

}



/*
 * Mobile Updates
 */

.mobile { display: none } 

body.mobile,
body.mobile .mobile {
    display: block; 
}

body.mobile input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}


body.mobile .desktop { 
    display: none;
}

body.mobile { 
    min-width: 0px;
}


body.mobile div#page_wrapper,
body.mobile #topNavigation { width: auto; left: 0; padding-left: 10px; padding-right: 10px;}
body.mobile #main { margin-left: 0; margin-right: 0;}

body.mobile div#main div#menu { clear: both; position: relative; top: 10px; }
body.mobile div#main div#menu ul.menu li a {  }

body.mobile div.front div.promotion { display: none; }

body.mobile a.logo { display: none; }
body#home.mobile div#main div.container div.column1 { width: 100%; padding-right: 100px; }
body#home.mobile div#main div.container div.feature { width: 100%; max-width: 100%; min-height: 100% }
body#home.mobile div#main div.container div.feature img
body#home.mobile div#main div.container div.feature a { display: block; }
body#home.mobile div#main div.container div.feature img.thumb { position: relative; left: -15px;}
body#home.mobile div#main div.container div.column1 h2 { 
    width: 100%;
    background-image: url('/sites/default/themes/masterstheme09/images/masterscompare/header-background-image.png'); 
    background-position: top right;
}
body#home.mobile div#main div.container a:hover div.feature { text-decoration: underline }


body#home.mobile div.search_compare div.inside div.left p,
body#home.mobile div.search_compare div.inside div.left a { 
    display: none;
}
body#home.mobile div.search_compare div.inside div.left { float: none; width: 100%; }
body#home.mobile div.search_compare_full .inside fieldset legend { padding: 0; }
body#home.mobile div.search_compare .container label { padding-left: 0; }
body#home.mobile  div.right div.container input.form-submit {
    margin-left: 0px;
}
body#home.mobile div.right p#advanced_search {
    padding-left: 4px;
}

body.mobile div#block-banner-112 { 
    position: static;
    right: 0px;
    top: 0px;
}

body.mobile div#menu a.mobile.toggle { 
    color: #FFFFFF;
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

body.mobile div#menu a.mobile.toggle.closed:after { 
    content:'\00a0\25bc'; 
    font-size: 12px;
    left: 5px;
    position: relative;
    top: -1px;
    text-decoration: none;
}

body.mobile div#menu a.mobile.toggle.open:after { 
    content:'\00a0\25b2'; 
    font-size: 12px;
    left: 5px;
    position: relative;
    top: -1px;
    text-decoration: none;
}

body.mobile div#menu ul { 
    display: none;
}

body.mobile div#main div#menu ul.menu { 
    overflow: visible;
    height: auto;
    padding: 0;
}

body.mobile div#main div#menu ul.menu li { 
    float: none;
}

body.mobile div#main div#menu ul.menu li a:hover { 
    text-decoration: underline;
    border-right: 1px solid #1F2250;
    border-bottom: 2px solid #1F2250;
}


body.mobile div#main div#menu ul.menu li a.active { 
    text-decoration: none; 
    border-bottom: 0px;
}

body.mobile div#main div#menu ul.menu li a.active:hover { 
    text-decoration: underline;
}


body.mobile div#header { 
    height: auto;
}

body.mobile div#block-banner-112 { 
    margin-left: 0px;
    margin-right: 0;
    width: 100%;

}

body.mobile div#block-banner-112 img { 
   width: 100%;
   height: auto;
   margin-top: -20px;
}
body.mobile div#side_bar { 
    float: none;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Sky scraper */
/*body.mobile div#side_bar div.block-banner-251 { 
    display: none;
}
*/

body.mobile div#ads { 
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    margin-right: 100px;
    margin-left: 0px;
    padding-right: 0;
    padding-left: 0;
}

body.mobile div#ads div.content { width: 100%;}
body.mobile div#ads .block { width: 100%; }
body.mobile div#block-banner-111 a { float: left;}
body.mobile div#block-banner-111 img { float: left; clear: none; }

body.mobile div#topNavigation.mobile li.postgraduatestudentships a { 
     background-image: url('/sites/default/themes/pgstheme09/images/mobile-icon.png');
     background-repeat: no-repeat;
     padding-left: 23px;
     background-position: 0px 10px;
     padding-right: 12px;
     line-height: 17px;
                                                         
}

body.mobile div#topNavigation.mobile li.account a { 
     padding-bottom: 3px;
}

body.mobile div#topNavigation.mobile li a {
    padding: 10px 7px 10px 7px;
}

body.mobile div#main form { padding-left: 0; }
body.mobile div#main div.container img.videoprofileicon,
body.mobile div#main div.container img.sprofile-assoc-image,
body.mobile div#main div.container div.feature div.pgsimage-attach-body { display: none; }
body.mobile div#footer { width: auto; margin-left: 0px; margin-right: 0px;}
body.mobile div#footer .inside { line-height: 17px; }
body.mobile div#main div.panel div.container {  margin-top: 0; }

body.mobile div.socialLinks { padding: 8px; background-color: #FFFFFF; overflow: hidden; min-height: 34px; margin-top: 10px; }
body.mobile div.socialLinks li { float: left; clear: none; }
body.mobile div.socialLinks li a { 
   color: #000000;
   font-family: "ff-din-web";
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   margin-right: 10px;
   padding-bottom: 5px;
}


body.mobile div.socialLinks li.masterscompare a:focus,
body.mobile div.socialLinks li.masterscompare a:hover,
body.mobile div.socialLinks li.masterscompare a:active { 
   border-bottom: 2px solid #E44E38;
   text-decoration: none;
}


body.mobile div.socialLinks li.postgraduatestudentships a:focus,
body.mobile div.socialLinks li.postgraduatestudentships a:hover,
body.mobile div.socialLinks li.postgraduatestudentships a:active { 
   border-bottom: 2px solid #5D679A;
   text-decoration: none;
}

body.mobile div.socialLinks li.mypostgradapps a:focus,
body.mobile div.socialLinks li.mypostgradapps a:hover,
body.mobile div.socialLinks li.mypostgradapps a:active { 
   border-bottom: 2px solid  #89C540;
   text-decoration: none;
}

body.mobile div.socialLinks li.thinkpostgrad a:focus,
body.mobile div.socialLinks li.thinkpostgrad a:hover,
body.mobile div.socialLinks li.thinkpostgrad a:active { 
   border-bottom: 2px solid  #F6901E;
   text-decoration: none;
}


body.mobile #topNavigation li.logout a { 
   border-style: solid;

}

body.mobile div.socialLinks li.first a { 
   margin-left: 0;
}
body.mobile div.socialLinks li.twitter a,
body.mobile div.socialLinks li.facebook a,
body.mobile div.socialLinks li.youtube a { 
      width: 30px; 
      height: 30px; 
      margin-right: 10px;
      background-image: url(/sites/default/themes/pgstheme09/images/postgraduatestudentships/sprites.png);
       display: block;                                     

}


body.mobile div.socialLinks li.youtube a { margin-right: 0px; width: 24px; }

body.mobile div.socialLinks li.twitter a { background-position: -25px -240px }
body.mobile div.socialLinks li.facebook a { background-position: -66px -240px }
body.mobile div.socialLinks li.youtube a { background-position: -107px -239px }

body.mobile div.socialLinks li a span { float: left; height: 0px; width: 0px; overflow: hidden;}
body.mobile div.socialLinks li.logout { width: auto; text-align: right; margin-top: 3px;}
body.mobile div.socialLinks li.logout a { display: block; width: auto; height: auto;background-image: none; font-weight: bold; font-size: 0.9em }
body.mobile div.tsrDetails { overflow: hidden; }
body.mobile div#main div.theStudentRoomLatestPosts a.tsrlogo { border: 0px; }
body.mobile div#main div.courseContainer div.courses table.results div.mypostgradapps { clear: both; float: left; margin-top: 0px; padding-bottom: 10px; }
body.mobile div.courseContainer div.courses table.results div.compare { float: left; clear: both; margin-top: 0px; }
body.mobile div#main div.courseContainer div.courses table.results div.mypgappsAdd input { margin-top: 5px; }
div.courseContainer table.subjects li a { white-space:normal; }
body.mobile #topNavigation li {  top: 0px; }
body.mobile div.theStudentRoomLatestPosts { display: none; }
body.mobile div#topNavigation.mobile li.search a { padding: 12px 7px 8px 7px; }
body.mobile div.courseContainer div.courses table.results td.left { width: auto; }
body.mobile div.courses table.results td.left { float: left; }
body.mobile div.courses table.results td.right { clear: both; float: left; }
body.mobile div.courses table.results div.buttonsContainer form { float: left; clear: both; }
body#home.mobile div#main table.subjectBoxes3col { margin-bottom: -10px; clear: both; margin-top: 19px; }
body#home.mobile div#main table.subjectBoxes3col td.col1,
body#home.mobile div#main table.subjectBoxes3col td.col2,
body#home.mobile div#main table.subjectBoxes3col td.col3 { 
    width: 100%;
    display: block;
    padding: 0px;
}

body#home.mobile table.subjectBoxes3col td.col1 div.node,
body#home.mobile table.subjectBoxes3col td.col2 div.node,
body#home.mobile table.subjectBoxes3col td.col3 div.node {
    width: 100%;
}


body#home.mobile div#main table.subjectBoxes3col div.node {
    min-height: initial;
    padding-bottom: 10px;
}

body#home.mobile div#main table.subjectBoxes3col div.nodelogo { 
    position: relative;
    margin-right: 18px;
    top: -2px;
}

body#home.mobile div#main table.subjectBoxes3col div.minibox div.pgsimage-attach-body { 
    position: relative;
    left: -10px;
    display: none;
}


body#home.mobile div#main div.featuredVideoprofile img.image-sprofile { 
    position: relative;
    left: -23px;
    margin-bottom: 10px;
    display: none;
}

body#home.mobile div#main table.subjectBoxes3col td.col1 h2,
body#home.mobile div#main table.subjectBoxes3col td.col2 h2,
body#home.mobile div#main table.subjectBoxes3col td.col3 h2 {
    background-image: url("/sites/default/themes/pgstheme09/images/header-background-image.png");
    background-position: right top;
    width: 100%;
}


body#home.mobile div#main table.subjectBoxes3col div.node.featuredStudentprofile p.details, 
body#home.mobile div#main table.subjectBoxes3col div.node.featuredVideoprofile p.details, 
body#home.mobile div#main table.subjectBoxes3col div.node.featuredDepartment p.details {
    position: static;
    min-height: initial;
}

body#home.mobile div#main table.subjectBoxes3col div.nodelogo img {
    position: static;
    top: 0;
    transform: none;
    margin-top: 5px;
}

body.mobile div#main div.fundingFilters select { clear: both; display: block; width: inherit; margin-top: 10px; margin-bottom: 10px; width: 100% }
body.mobile div#main div.fundingFilters input.submit { margin-left: 0px; }

body.mobile div.departmentContainer img.image-logo, 
body.mobile div.masters_page_image img, 
body.mobile div.nodebody img.image-logo, 
body.mobile div.profile img.image-logo {
    background-color: #ffffff;
    margin-bottom: 10px;
    padding-left: 10px; 
    float: none;
}

body.mobile div#main div.nodebody div.pageimage div.pgsimage-attach-body,
body.mobile div#main div.nodebody div.pageimage div.pgsimage-attach-body img { 
    max-width: 100%;
    height: auto;
}

/* Hide buttons and banners for mobile for the lead generation form */
body.mobile.leadGeneration div#block-banner-112,
body.mobile.leadGeneration div#side_bar div.banner,
body.mobile div#ads {
   display: none;
}

/* Registration Form */

#user-register { 

}

#user-register p { 
   text-align: left;

}

#user-register img { 
   width: 100%;
   padding-bottom: 10px;
}

#user-register .form-item { 
   xborder: 1px solid red;
   width: 435px;
   float: left;
   margin-top: 0;
   text-align: left;
}

#user-register #edit-pass-wrapper.form-item,
#user-register #edit-emailfundingopportunities-wrapper.form-item,
#user-register #edit-entercompetition-wrapper.form-item

 { 
   width: 880px;
   clear: both;
}

#user-register #edit-emailfundingopportunities-wrapper.form-item { 
   padding-top: 14px;

}


#user-register .form-item input[type="text"],
#user-register .form-item input[type="password"],
#user-register .form-item select {
    width: 411px;
}

#user-register #edit-mail-wrapper,
#user-register #edit-pass-wrapper,
#user-register #edit-firstname-wrapper { 
    clear: both;
}

#user-register fieldset { 
    font-size: 1.4em;
    text-align: left;
}

#user-register fieldset.captcha { 
    margin-top: 10px;
    clear: both;
}

#user-register fieldset #recaptcha_area { 
    margin-top: 10px;
}

#user-register input.form-submit { 
    font-size: 18px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

#user-register .endform { 
    text-align: left;
}

/* Registration form mobile updates */
.mobile #user-register .form-item input[type="text"],
.mobile #user-register .form-item input[type="password"],
.mobile #user-register .form-item select {
    width: 280px;  
}

.mobile #user-register #edit-pass-wrapper.form-item,
.mobile #user-register #edit-emailfundingopportunities-wrapper.form-item,
.mobile #user-register #edit-entercompetition-wrapper.form-item,
.mobile #user-register .captcha  div.description { 
   width: 280px;
   clear: both;
 
}