/*
  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: 09 February 2012 14:09:12
*/


/*
    Title: common
    Author: sq_cho

    -----------------------------------------------
    Common Styles
    -----------------------------------------------
    + Page container    
      
    + Main Containers
      - Header
      - Body
      - Footer
    + Element Declarations
      - Headers (h1 - h4)
      - Paragraph elements
      - Universal navigation
      - Slideshow (banners)
    + Content Wrapper (Grey seam)
    + Footer
      - Page widgets
      - Content
    + Generic Styles

*/

/* Page Container
********************************************************/
#doc {

    margin: 0 auto 20px;
    text-align: left;
    width: 966px;
    color: #222;

}

/* Main Containers
********************************************************/
#hd {

    font-family: helvetica, geneva, verdana, sans;
    margin: 6px 0 0;
    position: relative;
    font-size: 100%;
    overflow: hidden;
    clear: both;

}

#bd {

    font-family: helvetica, geneva, verdana, sans;
    margin: 8px 0 0;
    clear: both;
    font-size: 100%;

}

#ft {

    font-family: arial, helvetica, geneva, verdana, sans;
    background-color: #DEDEDE;

}

/* Element Declarations - Headers
********************************************************/
h1,h2,h3,h4 {

    margin: .7em 0 .5em;

}

h1 {

    font-family: helvetica, geneva, verdana, sans;
    color: #555;
    font-size: 124%;
    padding-top: 14px;

}

h1.noshow {

    display: none;

}

h2 {

    font-family: helvetica, geneva, verdana, sans;
    color: #444;
    font-size: 116%;
    margin: 0;
    padding-top: 10px;

}

h3 {

    font-family: helvetica, geneva, verdana, sans;
    color: #333;
    font-size: 108%;
    font-weight: bolder;
    margin-bottom: 0;
    padding-bottom: 0;

}

h4 {

    font-family: helvetica, geneva, verdana, sans;
    color: #333;
    font-size: 100%;
    font-weight: bolder;
    margin-bottom: 0;
    padding-bottom: 0;

}

/* Element Declarations == Paragraph Elements
********************************************************/
strong {

    font-weight: 700;

}

#bd p {

    padding: 0 0 1.1em;

}

#bd ul {

    padding-left: 0;
    margin-left: 15px;
    list-style-type: square;

}

#bd a {

    color: #f02233;
    text-decoration: none;

}

#bd a:hover {

    color: #000;
    text-decoration: none;

}

#bd li {

    list-style-type: square;

}

#bd img {

    border: 0;
    padding: 0;
    margin: 0;
    margin-right:5px;

}

/* Header == Universal nav
********************************************************/
#hd div.universalnav {

    margin: 0;
    background: #fff;

}

#hd div.universalnav ul {

    display: inline;
    position: relative;
    padding: 2px 0 0;
    float: left;

}

#hd div.universalnav ul li {

    display: inline;
    list-style-type: none;
    float: left;
    color: #555;
    border-left: 1px solid #555;

}

#hd div.universalnav ul li.first {

    border-left: 0 none;

}

#hd div.universalnav ul li a {

    padding: 0 12px;
    color: #555;
    text-decoration: none;
    line-height: 100%;
    font-size: 85%;

}

#hd div.universalnav ul li a:hover {

    color: #000;

}

#hd div.quicksearch {

    display: inline;
    margin: 0;
    padding: 0 2px 0 0;
    position: relative;
    float: right;

}

#hd div.quicksearch a {

    color: #555;

}

#hd div.quicksearch div.quick {

    float: left;
    display: none;
    margin: 0;

}

#quick-links-label {

    display: none;

}

#quick-links {

    width:150px;

}

#hd div.quicksearch input.submit {

    margin: 0;
    margin-top: 0;
    height: 20px;
    padding: 0 0 1px 3px;

}

#hd div.quicksearch div.search {

    float: left;
    display: inline;

}

#search-input {
    width: 200px;
}

#hd label {

    display: none;

}

#hd .input_floater {
    float: left;
    display: inline;
    margin: 0 0 0 10px;
}
#google-search {
    float: right;
}
/* Stop IE layout issues */
* html #google-search {
    float: none;
}
*:first-child+html #google-search {
    float: none;
}
/* Stop IE7 from expanding width beyond boundaries */
#google-search-results {
    margin-right: -100px;
}

/* Slideshow elements
********************************************************/
#bd #lg,#hd #hd_slideshow {

    line-height: 0;

}

#lg {

    text-align: right;
    background: #0057a1;

}

#hd_slideshow {

    position: relative;
    width: 966px!important;
    height: 120px!important;

}

#hd_slideshow a {

    display: block;
    width: 966px!important;
    height: 120px!important;
    background: transparent url(http://uws.clients.squiz.net/__data/assets/image/0005/74723/futurefirst.jpg) no-repeat 0 0;

}

#uws-curve {

    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    z-index: 9999;
    background: transparent url(http://uws.clients.squiz.net/__data/assets/image/0008/74573/curve-home.png) no-repeat 0 0;

}
span#next-banner-item,
span#prev-banner-item {
    
    position: absolute;
    top: 95px;
    z-index: 1000;
    height: 14px;
    width: 43px;
    cursor: pointer;

}

span#next-banner-item {

    background: url(http://uws.clients.squiz.net/_designs/uws_main/css/common.css/nextarrow.gif) no-repeat 0 0;
    right: 17px;

}

span#prev-banner-item {

    background: url(http://uws.clients.squiz.net/__data/assets/image/0017/90332/prevarrow.gif) no-repeat 0 0;
    right: 70px;

}

/* Content Wrapper 
**********************************************************/
#contentWrapper {

    border: 8px solid #dedede;
    padding-bottom: 20px;

}

/* Footer
********************************************************/
#bd div.page-widgets {

    padding: 20px;
    width: 910px;

}

#bd div.page-widgets ul {

    position: relative;
    text-align: right;
    margin-top: 2px;
    list-style-type: none;
    padding: 1px 1px 0 10px;

}

#bd div.page-widgets ul li {

    position: relative;
    list-style-type: none;
    line-height: 100%;
    float: right;
    margin: 0;
    padding: 0;

}

#bd div.page-widgets ul li.js-widget {

    display: none;

}

#bd div.page-widgets ul li a {

    position: relative;
    display: block;
    width: 25px;
    height: 22px;
    border: 1px solid #ccc;
    margin: 0 0 0 3px;
    padding: 5px 1px 1px;

}

#ft {

    position: relative;
    height: 1%;

}

#ft_details {

    float: left;
    margin: 20px 0 0 20px;
    display: inline;

}

#ft #ft_details h2 {

    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 85%;
    color: #7f7c7d;

}


#ft #ft_details h3 {

    font-weight: 700;
    font-size: 85%;
    color: #7f7c7d;

}

#ft #ft_details p,#ft #ft_links p {

    color: #000;
    line-height: 1.2;
    margin-bottom: .4em;

}

#ft_links {

    float: right;
    margin: 20px 20px 0 0;
    text-align: right;
    display: inline;

}

#ft #ft_links h3 a {

    background: transparent url(http://uws.clients.squiz.net/__data/assets/image/0003/64776/io_logo_hand.png) no-repeat top left;
    display: block;
    height: 56px;
    width: 206px;
    text-indent: -9999em;
    text-align: left;
    margin-bottom: 1em;

}

#ft #ft_links ul li {

    list-style-type: none;
    font-size: 85%;
    line-height: 1.1;

}

#ft #ft_links ul li a {

    color: #006faf;
    text-decoration: none;

}

#ft #ft_links ul li a:hover {

    text-decoration: underline;

}

#ft #ft_common_links {


    width: 300px;
    margin: 0 auto;
    padding: 20px 0 0 0;

}

#ft #ft_common_links li {

    list-style: none;
    float: left;
    width: 125px;
    height: 23px;
    margin-right: 15px;
    line-height: 23px;
    font-size: 90%;
    border-bottom: 1px solid #333;

}

#ft #ft_common_links a {

    display: block;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #aaa;
    color: #333;
    
}

#ft #ft_common_links a:hover {

    background: #ccc;
    
}

#ft_shadow {

    clear: both;
    height: 10px;
    margin: 0;

}

#ft p {

    margin: 0;
    padding: 0;
    color: #888;
    font-size: 85%;

}

#ft a {

    color: #777;
    text-decoration: underline;

}

#ft .mobile {
    display: none;
}
@media only screen 
and (max-device-width : 320px) {
    #ft .mobile {
        display: block;
        position: absolute;
        left: 348px;
        top: 36px;
        width: 236px;
        height: 43px;
        overflow: hidden;
    }
}

/* Common Styles
********************************************************/
.float-left {

    float: left;

}

.float-right {

    float: right;

}

.right {

    text-align: right;

}

#body-copy img.left {

    float: left;
    margin: 10px 15px 10px 0;
    display: inline;

}

#body-copy a.right {
    float: right;
}

#body-copy img.right {

    float: right;
    margin: 6px 0 10px 15px;
    display: inline;

}

/*a.external:link,a.external:visited {

    background: url(http://uws.clients.squiz.net/__data/assets/image/0018/73323/Icon_External_Link.png) no-repeat 100% 0;
    padding: 0 15px 0 0;

} -- disabled due to accessibility error where text readers can't tell that its an external window link */


.oinw {

    /*background: url(http://uws.clients.squiz.net/__data/assets/image/0018/73323/Icon_External_Link.png) no-repeat 100% 0;
    padding-left: 9px;*/

}

.oinw-text {

    position: absolute;
    left: -9999px;
    top: -9999px;

}

.clear-both { clear: both; }

.expand {

    width: 100%;
    overflow: hidden;

}

.hidden { display: none }

a.acc_type_help{
    position:relative; /*this is the key*/
    z-index:24;}

a.acc_type_help:hover{z-index:25;}

a.acc_type_help span{display: none}

a.acc_type_help:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10em; left:3em; width:24em;
    border:1px solid rgb(37, 88, 157);
    background-color:#fff;
    padding:5px;
    color:#000;
    }

a.again{   /* Style for Living Local site - search again button */
    float:right;
    background-color:#25589D;
    padding:4px 6px;
    color:#ffffff !important;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}

/*Wall of Buttons
************************************************/
#buttons-home ul { margin: 0!important; padding: 0 !important; width: 498px !important;}
#buttons-home ul li {
float:left !important;
list-style-type:none !important;
padding:0 !important;
margin:0 2px 3px 0 !important;
display:block !important;
height:69px !important;
width:164px!important ;
}


/*Fix for http://uws.clients.squiz.net/auws/arounduws_home_page/_nocache image spacing in FF*/

#119508 span img{
margin-right:5px;
}


/*  Styles for Living Local site 
*************************************************
**************************************************/


/*  Paint layout styles 
************************************************/

#body-copy #confirm-layout ul{
list-style-type:none;
float:left;
margin: 10px 130px ;
padding:0;
}

#body-copy #confirm-layout ul li {
list-style-type:none;
float:left;
margin: 0 10px;
}

#body-copy #confirm-layout ul li a {
        float:left;   
    background-color:#25589D;
    padding:4px 6px;
    color:#ffffff !important;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}

#confirm-layout ul li a:hover {   
    background-color:#0c4592;
}

#body-copy #after-deleted ul{
margin: 5px 0;
padding:0;
}

#body-copy #after-deleted p{
padding:10px 0 0 0;
}

#body-copy ul.list-photos {
margin:0;
padding:0;
}

#body-copy ul.list-photos li {
display:block;
float:left;
list-style-type:none;
margin: 5px 10px 5px 0;
}

#body-copy ul.list-photos li a {
margin:0;
padding:0;
outline:none;
}

#body-copy ul.list-photos img {
border: 1px solid #CCCCCC;
padding:2px;
outline:none;
}

#body-copy ul.list-photos li a img:hover {
background-color:#CCCCCC;
}

/*  End of Paint layout styles  */

/*  Styles for Colorbox - Photo slideshow  */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(http://uws.clients.squiz.net/__data/assets/image/0011/136658/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(http://uws.clients.squiz.net/__data/assets/image/0011/136658/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(http://uws.clients.squiz.net/__data/assets/image/0003/136659/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(http://uws.clients.squiz.net/__data/assets/image/0011/136658/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/*  End of Styles for Colorbox - Photo slideshow  */

/* Styles for Asset Builders    */

#body-copy #create-image {
margin:20px;
}

#body-copy .sq-asset-builder-tab-content {
margin-top:20px;
}

#body-copy .sq-backend-smallprint {
margin-top:5px;
}

#body-copy .sq-form-field {
margin-bottom:10px;
}

/*
#body-copy #options-after-created,
#body-copy #add-image{
padding-top:20px;
}
*/

#body-copy #options-after-created ul,
#body-copy #add-image ul{
margin:10px 15px;
padding:0;
}


/* End of Styles for Asset Builders    */

/*  End of Styles for Living Local site  */


/*  jCarousel 
-----------------------------------------------------*/

.jcarousel-skin .jcarousel-container {
    background: #fff;
}

#bd #content-container .jcarousel-skin #carousel, #bd #content-container .jcarousel-skin #carousel li {
    list-style:none;
/*  display:inline;*/
    background:transparent;
    margin: 0;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 148px;
    padding:10px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  148px;
    margin-bottom:30px;
}

.jcarousel-skin .jcarousel-item {
    width: 148px;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

#bd #content-container .jcarousel-skin #carousel h4, #bd #content-container .jcarousel-skin #carousel h4 a {
    background:transparent; 
    text-decoration:none;
    font-weight:bold;
    font-size: 1.2em;
}

#bd #content-container .jcarousel-skin #carousel a {
    color:#25589D;
    text-decoration:underline;
}

#bd #content-container .jcarousel-skin #carousel a:hover {
    color:#666666;
}

/* buttons */

.jcarousel-skin .jcarousel-next-horizontal, .jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    color:#25589D;
    text-decoration:underline;
    padding:2px 0 5px;
    line-height: 1.2em;
    background:url(http://uws.clients.squiz.net/__data/assets/image/0007/187963/arrows.gif) 0 0 no-repeat;
}
 
.jcarousel-skin .jcarousel-next-horizontal{ 
    right:10px;
    padding-right:12px;
    background-position:100% -35px;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    left:10px;
    padding-left:12px;
    background-position:0 -35px;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position:100% 4px;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position:0 4px;
}