/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 13 May 2013 20:39:53
*/


body {
    width: 100%;
}

/*** Contact section bits ***/

.contact_section {
    border-top: 1px #333 solid;
    margin-bottom: 10px;
    float: left;
}
#contact-form {
    float: left;
}
p.subheading {
    COLOR: #C30C30;
}
div.expandable {
    width: auto !important;
    overflow: hidden;
}
.hide-me {
    display: none !important;
}

.subnav li {
    display: block;
}
p.handle {
    width: auto;
}



/********************************************************************************************* Responsive Stuff ***/
/* was 900 */

@media screen and (max-width: 900px) {

    /* Very basic width & overflow stuff */
    
    #container {
        width: 99% !important;
        overflow: hidden !important;    
        margin: 0 !important;
    }
    
        #container > * {
            /*overflow: hidden !important;*/
        }
    
    #footer {
        overflow: hidden;
    }
    
    /* END Very basic width & overflow stuff */
    
    .sidebar, .top-nav, .search, .social, .header {
        display: none;
    }
    .navAndSearch {
        display: none;
    }
    #footer div.legal, #footer div.social, #footer div.nav {
        width: auto !important;
    }
    #footer div.social {
        margin-left: 10px !important;
    }
    #footer div.legal {
        clear: both;
        float: left !important;
        margin-left: 27px;
    }
    .col-4 {
      width: 480px !important;
    }    
}

/* was 799 */

@media screen and (max-width: 799px) {
    #carouselholder {
        display: none;
    }
    .subnav {
        display: none;
    }
    .col-last {
        margin-left: 18px !important;
    }
    .breadcrumb {
        display: none;
    }
    
    .breadcrumbAndNav {
        width: auto;
        overflow: hidden;
    }
    .bodyWrap h1 {
        clear: left;
    }
    
    .col-4 {
      width: 625px !important;
      /* border: 1px red solid; */
    }
    
}

@media screen and (max-width: 720px) {
    #contactform input, #contactform select {
        clear: left;
    }
    #contactform textarea {
    }
    .col-4 {
      /* border: 1px green dashed; */
      width: 545px !important;
    }    
}

/* was 549 */

@media screen and (max-width: 549px) {
    .navAndSearch {
        display: none;
    }

    .cols-3 .bodycontent {
        width: auto;
    }
    #footer .legal {
        float: left;
    }
    table {
        width: 100% !important;
    }
    table th+th, table td+td {
        display: none;
    }
    .col-4 {    
      overflow: hidden;
      border: none;
      width: 400px !important;
    }   

    .mainbody form .form-textarea textarea, .mainbody form .form-item input {
       width: 95% !important;
    }
}

/* was 400 */
/* HTC One X */
@media screen and (max-width: 400px) {
    #logo {
        background:url("http://www.salford.ac.uk/__data/assets/image/0006/51945/university-of-salford-logo.mini.gif") no-repeat scroll 0 0 transparent;
        height: 50px;
        width: 80px;
        margin-left: 10px;
    }

    .col-last {
        margin-left: 10px !important;
    }
    .col-4 {
    border: 1px red solid;
      width: 325px !important;
      overflow: hidden;
    }   
    
}

/* was 400 */
/* iPhone 3GS and 4S */
@media screen and (max-width: 350px) {
    .col-4 {
      width: 275px !important;
    }    
    


}

/* was 300 */

@media screen and (max-width: 300px) {
    .col-last {
        margin-left: 20px !important;
    }
    .col-4 {
      border: 1px red solid;
      width: 175px !important;
    }    
}

/* was 300 */

@media screen and (max-width: 250px) {
    .col-last {
        margin-left: 20px !important;
    }
    .col-4 {
      border: 1px green solid;
      width: 130px !important;
    }    
}

/***************************************************************************************** END Responsive Stuff ***/
/*
input {
    float: left;
    width: -20px;
}*/

/************************************************************************************************** Forms Stuff ***/

.mainbody form  {
    height: auto;
    float: left;
}

.mainbody form .form-textarea textarea, .mainbody form .form-item input {
    border: 1px solid #E4E3E1 !important;
    padding: 3px 5px;
}
    color: #666666;
.mainbody form select, .mainbody form .form-item input {
    float: left;
    width: 99% !important;
}
.mainbody form .form-item select {
    border: 1px solid #E4E3E1 !important;
    padding: 2px;
    width: 99% !important;
}
.mainbody form select, .mainbody form .form-item input {
    color: #666666;
    float: left;
    width: 99% !important;
}
.mainbody form .form-textarea textarea, .mainbody form .form-item input {
    border: 1px solid #E4E3E1 !important;
    padding: 3px 5px;
}
.mainbody form .form-textarea textarea {
    color: #666666;
    float: left;
    font-family: arial;
    font-size: 1.2em;
    resize: none;
    width: 99% !important;
}
.mainbody form .form-submit input {
    background: url("http://www.salford.ac.uk/__data/assets/image/0003/33672/arrow-white-on-red.gif?v=0.3.2") no-repeat scroll 99% 50% #C60C30;
    border: medium;
    color: #FFFFFF !important;
    cursor: pointer;
    float: left;
    font-size: 1.7em !important;
    margin-right: 13px !important;
    padding: 4px 40px 6px 8px !important;
    text-align: left !important;
    width: auto !important;
}
.mainbody form .form-textarea textarea, .mainbody form .form-item input {
    border: 1px solid #E4E3E1 !important;
    padding: 3px 5px;
}
.mainbody form select, .mainbody form .form-item input {
    color: #666666;
    float: left;
}



/********************************************************************************************** END Forms Stuff ***/



/*** Hidden stuff ***/
#q141989_q9_div {
    display: none;
}
/*** Error stuff ***/
label.error {
    clear: both;
    color: #C60C30;
    float: left !important;
    font-weight: normal !important;
    width: 100% !important;
    padding-top: 4px;
}
span.required {
    float: right !important;
    background: url('http://www.salford.ac.uk/?a=145782') no-repeat 0 5px;
    text-indent: -1000px;
}
div.required-msg, div.required-msg p {
    float: left !important;
    display: none;
}
#contactform {
    margin-left: 10px;
}
#contactform label, #contactform input, #contactform select {
    font-size: 1.3em;
}
#contactform p {
    padding: 0 !important;
}


p.handle. div.expandable {
    width: -20px !important;
}

p.handle a {
    margin: 0 !important; padding: 0 !important;
    text-decoration: none;
}

.col-4 {
  overflow: hidden !important;
}