/*
    Default styles - all CSS should be imported through this file   
*/

/* RESET AND BASIC COMPONENT CSS
--------------------------------------------------------------*/
@import "/reset.css";
@import "/typography.css";
@import "/forms.css";


/* CUSTOM STYLING - LAYOUT AND COLOUR
--------------------------------------------------------------*/
@import "/custom.css";


/*
    ROUNDED CORNERS, ADDED USING JAVASCRIPT
*/
.rounded {position: relative; } /* this class is used for the JS hook */
.nw, .se, .sw, .ne {position: absolute; background-position: 0 0; background-repeat: no-repeat; overflow: hidden;}
.nw {top: 0; left: 0;}
.ne {background-position: 100% 0; top: 0; right: 0;}
.se {background-position: 100% 100%; bottom: 0; right: 0;}
.sw {background-position: 0 100%; bottom: 0; left: 0;}
/* SEARCH BUTTON
--------------------------------------------------------------*/
.search .nw, .search .sw {display: none;}
.search .ne, .search .se {background-image: url(/assets/button-cnr-small.gif); height: 5px; width: 5px;}
/* HOMEPAGE BOXES 
--------------------------------------------------------------*/
.homePage .nw {top: -5px; left: -5px;}
#whatsNew .nw {background-image: url(/assets/heading-cnr_blue1.png); width: 40px; height: 40px;}
.homePage .columnWrap .nw {background-image: url(/assets/heading-cnr_grey2.png); height: 30px; width: 30px;}

/* JOBS BUTTONS 
--------------------------------------------------------------*/
.jobs .nw, .jobs .ne, .jobs .se, .jobs .sw {background-image: url(/assets/button-cnr-large.gif); width: 15px; height: 15px;}
.jobs .nw {top: -1px; left: -1px;}
.jobs .ne {top: -1px; right: -1px;}
.jobs .se {bottom: -1px; right: -1px;}
.jobs .sw {bottom: -1px; left: -1px;}

/* FORM BUTTONS 
--------------------------------------------------------------*/
.formControls .button .ne, .formControls .button .nw, .formControls .button .sw, .formControls .button .se {height: 5px; width: 5px;}