@charset "utf-8";

@import url('http://fonts.googleapis.com/css?family=Droid+Sans');
@import url('http://fonts.googleapis.com/css?family=Rokkitt');

/* - reset - */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* Remember to define focus styles! */
:focus {
    outline: 0;
}
/* Remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* Tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* - document - */
body {
    font-size: 14px;
    font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #222222;
    background-color: #cccccc;
}
body.ckeditor_body, 
body.cke_panel_frame {
    background-color: #ffffff;
    padding: 15px;
}
body.cke_panel_frame .white {
    background-color: #cccccc;
}

/* - logo - */
a.logo {
    display: block;
    width: 200px;
    height: 45px;
    text-indent: -10000px;
    background: transparent url('../images/logo.png') no-repeat 50% 0%;
    margin-bottom: 20px;
}
a.logo.white {
    background-image: url('../../../vanilla/default/images/logo_white.png');
}
a.logo.quantock {
    margin-left: auto;
    margin-right: auto;
    height: 75px;
    width: 250px;
}

/* - top link - */
a#top_link {
    display: block;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    color: #ffffff;
    border: 1px solid #000000;
    border-bottom: none;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background-color: #888888;
    background-position: 100% 50%;
    margin: 0 20px;
    padding: 4px 20px 4px 7px;
}
    a:hover#top_link {
        color: #0d72be;
        background-color: #fcfcfc;
    }

/* - ie6 upgrade - */
#ie6_upgrade {
    text-align: center;
    font-size: 95%;
    color: #ffffff;
    border-bottom: 1px solid #e42217;
    background-color: #f75d59;
    padding: 10px;
    margin: 0;
}
    #ie6_upgrade a {
        color: #ffffff;
    }

/* - layout (default) - */
#container, 
.container {
    max-width: 1280px;
    background: #888888 url('../images/bg_repeat.png') 0px 0px repeat;
    padding: 15px 0 0;
    margin: 10px auto;
    -moz-box-shadow: 0px 0px 6px #333333;
    -webkit-box-shadow: 0px 0px 6px #333333;
    box-shadow: 0px 0px 6px #333333;
    
}
#imac {
    height: 526px;
    max-width: 715px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background: transparent url('../images/imac.png') 50% 0% no-repeat;
    
}
.quantock_box {
    float: left;
    width: 30%;
    margin-left: 3%;
    height: 160px;
}
.last {
    border: none !important;
}
    #sidebar, 
    #leftbar, 
    #rightbar, 
    #topbar, 
    #main_content {
        float: left; 
        margin-left: 4%;
    }
    
    #sidebar, 
    #leftbar               { width: 18%; margin-left: 2%; }
    #rightbar              { width: 25%; }
    #topbar                { width: 96%; margin: 0 2% 15px; }
    #main_content          { width: 45%; }
    .one_col #main_content { width: 70%; margin: 0 15%; }
    .two_col #main_content { width: 74%; }

    #footer {
        color: #ffffff;
        font-size: 90%;
        background-color: #272727;
        padding: 15px 10%;
        width: 80%;
        border-top: 1px solid #ffffff;
    }

/* - layout misc - */
#sidebar  h1, #sidebar  h2, #sidebar  h3,
#leftbar  h1, #leftbar  h2, #leftbar  h3, 
#rightbar h1, #rightbar h2, #rightbar h3 {
    color: #0d72be;
}
#main_content .content_edit_link {
    height: 25px;
}
#footer .menu {
    margin: 0;
}
    #footer p.copyright {
        font-size: 90%;
        margin-bottom: 10px;
    }
    #footer p.version {
        font-size: 90%;
        font-style: italic;
    }
    #footer .honeystone {
        text-align: right;
    }
        #footer .honeystone a {
            text-decoration: none;
            color: #ffffff;
        }

/* - layout (tablet - protrait) - */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    /* margins */
    #topbar       { margin: 0 10px 10px; }
    #sidebar, 
    #leftbar, 
    #rightbar, 
    .one_col #main_content,
    .two_col #main_content,
    #main_content { margin: 0 10px; }
    
    /* widths */
    #container, 
    .container             { width: 768px; }
    #sidebar, 
    #leftbar               { width: 220px; }
    #topbar,
    .one_col #main_content { width: 748px; }
    #rightbar,
    #main_content,
    .two_col #main_content { float: right; width: 508px; }
}

/* - layout (mobile - protrait) - */
@media only screen and (max-width: 767px) {
    
    /* margins */
    #topbar       { margin: 0 10px 10px; }
    #sidebar, 
    #leftbar, 
    #rightbar, 
    .one_col #main_content,
    .two_col #main_content,
    #main_content { margin: 0 10px; }
    #imac {
    height: 0px;
    width: 0px;
    background: none;
    
}
    /* widths */
    #container, 
    .container {
        width: 300px; 
        font-size: 80%
    }
    #sidebar, 
    #leftbar,
    #rightbar,
    #topbar,
    #main_content,
    .one_col #main_content,
    .two_col #main_content { width: 280px; }
    
    /* hide */
    .facebook-like {
        display: none;
    }
    #imac { display: none; }
    .quantock_box {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .h_menu.quantock_menu ul.menu {
        /* horizontal menu */
        display: block;
    }
    .h_menu.quantock_menu ul.menu li {
        /* horizontal menu */
        width: 100%;
        background-color: #888888;
        margin-bottom: 1px;
    }
}
    
/* - layout (mobile - landscape) - */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    

    /* margins */
    #topbar       { margin: 0 10px 10px; }
    #sidebar, 
    #leftbar, 
    #rightbar, 
    .one_col #main_content,
    .two_col #main_content,
    #main_content { margin: 0 10px; }
    
    /* widths */
    #container, 
    .container { 
        width: 420px;
        font-size: 80%;
    }
    #sidebar, 
    #leftbar,
    #rightbar,
    #topbar,
    #main_content,
    .one_col #main_content,
    .two_col #main_content { width: 400px; }
    
    /* hide */
    .facebook-like {
        display: none;
    }
    #imac { display: none; }
    .quantock_box {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .h_menu.quantock_menu ul.menu {
        /* horizontal menu */
        display: block;
    }
    .h_menu.quantock_menu ul.menu li {
        /* horizontal menu */
        width: 100%;
        background-color: #888888;
        margin-bottom: 1px;
    }
}

/* - columns - */
.one_half { width: 48%; }

.one_third { width: 30.66%; }
.two_third { width: 65.33%; }

.one_fourth   { width: 22%; }
.three_fourth { width: 74%; }

.one_fifth   { width: 16.8%; }
.two_fifth   { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth  { width: 67.2%; }

.one_sixth  { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half, 
.one_third, 
.two_third, 
.three_fourth, 
.one_fourth, 
.one_fifth, 
.two_fifth, 
.three_fifth, 
.four_fifth, 
.one_sixth, 
.five_sixth {
    float: left;
    display: block;
    margin-right: 4%;
}
.last {
    float: right;
    margin-right: 0;
}
.full { 
    display: block;
    width: 100%; 
}
div.clear_space {
    clear: both;
    display: block;
    width: 100%;
    height: 20px;
}
.clear {
    clear: both;
}

/* - widget block - */
.widget {
    border: 1px solid #ecebeb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 10px;
}
    .widget h1, .widget h2, .widget h3 {
        font-size: 165%;
    }

/* - visibility - */
.hidden    { display: none; }
.invisible { visibility: hidden; }

/* - alignment - */
.float_left  { float: left !important; }
.float_right { float: right !important; }

.center  { text-align: center !important; }
.justify { text-align: justify !important; }
.left    { text-align: left !important; }
.right   { text-align: right !important; }

/* - text colour pallete - */
.black        { color: #333333 !important; }
.white        { color: #ffffff !important; }
.grey         { color: #7f7e7e !important; }
.light_grey   { color: #ecebeb !important; }
.dark_grey    { color: #4a4a4a !important; }
.red          { color: #e42217 !important; }
.light_red    { color: #f75d59 !important; }
.dark_red     { color: #900b09 !important; }
.green        { color: #41a317 !important; }
.light_green  { color: #5efb6e !important; }
.dark_green   { color: #348017 !important; }
.blue         { color: #5eaad7 !important; }
.light_blue   { color: #82cafa !important; }
.dark_blue    { color: #6698ff !important; }
.yellow       { color: #fffC17 !important; }
.light_yellow { color: #fff380 !important; }
.dark_yellow  { color: #eac117 !important; }
.orange       { color: #f88017 !important; }
.light_orange { color: #f9966b !important; }
.dark_orange  { color: #e56717 !important; }
.purple       { color: #8e35ef !important; }
.light_purple { color: #c5a4e0 !important; }
.dark_purple  { color: #461b7e !important; }

/* - box colour pallete - */
.white_box, .black_box,
.grey_box, .red_box, 
.green_box, .blue_box, 
.yellow_box, .orange_box, 
.purple_box, .error_box, 
.warning_box, .success_box, 
.notice_box {
    /* fix for button gradients */
    background: none !important;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 7px;
}
.white_box {
    border-color: #ecebeb !important;
    background-color: #ffffff !important;
}
.black_box {
    border-color: #000000 !important;
    background-color: #4a4a4a !important;
}
.red_box, .error_box {
    color: #ffffff;
    border-color: #e42217 !important;
    background-color: #f75d59 !important;
}
.green_box, .success_box {
    color: #ffffff;
    border-color: #348017 !important;
    background-color: #41a317 !important;
}

.blue_box {
    border-color: #6698ff !important;
    background-color: #82cafa !important;
}
.yellow_box, .notice_box {
    color: #000000;
    border-color: #eac117 !important;
    background-color: #fff380 !important;
}
.orange_box, .warning_box {
    color: #ffffff;
    border-color: #e56717 !important;
    background-color: #f88017 !important;
}

.purple_box {
    border-color: #461b7e !important;
    background-color: #d2c2e0 !important;
}
    .red_box a, .red_box a:visited, 
    .error_box a, .error_box a:visited, 
    .green_box a, .green_box a:visited, 
    .success_box a, .success_box a:visited, 
    .yellow_box a, .yellow_box a:visited, 
    .notice_box a, .notice_box a:visited, 
    .orange_box a, .orange_box a:visited, 
    .warning_box a, .warning_box a:visited {
        text-decoration: underline;
        color: #ffffff;
        border: none !important;
    }
    .yellow_box a, .yellow_box a:visited, 
    .notice_box a, .notice_box a:visited {
        color: #000000;
    }

/* - links - */
a {
    text-decoration: underline;
    color: #0d72be;
}
a:hover, a:focus, a:active {
    text-decoration: none;
}
a:visited { color: #5d7ca3; }

/* - block elements - */
p, ul, ol, pre, code, hr, address, table,
.with_spacing {
    line-height: 170%;
    margin-bottom: 20px;
}
.with_margin {
    margin-bottom: 20px;
}
.with_padding {
    padding: 10px;
}
.no_spacing {
    line-height: 100%;
    margin: 0;
}
.no_margin {
    margin: 0;
}
.no_padding {
    padding: 0;
}
.no_border {
    border: none;
}

/* - headings - */
h1, h2, h3, h4, h5, h6 {
    font-family: Rokkitt, sans-serif;
    font-weight: 300;
    color: #0d72be;
    margin-bottom: 3px;
    text-shadow: 1px 1px 0px #eee;
}
h1 a, h1 a:visited, 
h2 a, h2 a:visited, 
h3 a, h3 a:visited, 
h4 a, h4 a:visited, 
h5 a, h5 a:visited,
h6 a, h6 a:visited {
    color: #0d72be;
    text-decoration: none;
}
h1 {
    font-size: 210%;
    line-height: 130%;
    border-bottom: 2px solid #888888;
    margin-bottom: 10px;
}
h1 a, h1 a:visited { 
    color: #0d72be 
}
h2 { font-size: 185%; }
h3 { font-size: 155%; }
h4 { font-size: 145%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

/* - paragraphs and drop caps - */
p.intro:first-letter, span.drop_cap {
    float: left;
    display: block;
    font-size: 400%;
    font-family: Rokkitt, sans-serif;
    font-weight: 500;
    text-transform: capitalize; 
    color: #0d72be;
    margin: 10px 7px 5px 5px;
    padding: 0 0 5px 2px;
}

/* - horizontal rules - */
hr {
    width: 80%;
    height: 0;
    border: none;
    border-bottom: 1px dotted #dad9d9;
}
hr.blue {
    border-color: #0d72be;
}

/* - quotes - */
blockquote {
    font-size: 110%;
    font-style: italic;
    border-left: 5px solid #7f7e7e;
    margin: 36px;
    padding: 0 18px;
}

/* - preformatted & code */
pre, code {
    overflow: auto;
    font-family: 'Courier New', Courier, monospace;
    line-height: 18px;
    white-space: pre;
    border: 1px solid #ecebeb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #f7f7f7;
    padding: 1px 2px;
}
code {
    display: block;
    background-color: #ffffff;
    background-image: url('../images/code_lines.png');
}
samp {
    font-family: 'Courier New', Courier, monospace;
    border-bottom: 1px dotted #dad9d9;
}
   
/* - inline elements - */
strong  { font-weight: bold;  }
em      { font-style: italic; }
acronym, /* <-- obsolete */
abbr    { border-bottom: 1px dotted #dad9d9; }
del     { text-decoration: line-through; }
small   { font-size: 80%; }
sup     { font-size: 60%; vertical-align: super; }
sub     { font-size: 60%; vertical-align: sub; }

/* - images - */
img {
    border: none;
}
img.float_left {
    margin-right: 20px;
}
img.float_right {
    margin-left: 20px;
}
img.scale {
    width: 100%;
}

/* - icons - */
span.icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -10000px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('../../../vanilla/default/images/icons/bullet_star.png');
    margin: 0 2px;
}
a[href$='.jpg'], a[href$='.jpeg'], a[href$='.bmp'],
a[href$='.tif'], a[href$='.tiff'], a[href$='.gif'], 
a[href$='.png'], a[href$='.psd'],
a[href$='.txt'], a[href$='.rtf'],
a[href$='.doc'], a[href$='.docx'], a[href$='.odt'], 
a[href$='.abw'], a[href$='.wpd'], a[href$='.wps'],
a[href$='.ppt'], a[href$='.pps'], a[href$='.pptx'], 
a[href$='.ppsx'], a[href$='.odp'],
a[href$='.xls'], a[href$='.xlsx'], a[href$='.ods'],
a[href$='.cvs'],
a[href$='.accdb'], a[href$='.db'], a[href$='.mdb'],
a[href$='.pdb'], a[href$='.sql'],
a[href$='.zip'], a[href$='.tar'], a[href$='.gzip'], 
a[href$='.gz'], a[href$='.rar'], a[href$='.7z'],
a[href$='.fla'], a[href$='.swf'], a[href$='.swd'],
a[href$='.pdf'], a[href*='/ACP'], .icon.inline {
    display: inline-block;
    overflow: hidden;
    width: auto;
    height: auto;
    text-indent: 0;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-image: url('../../../vanilla/default/images/icons/page_white_star.png');
    padding-left: 20px;
}
    .icon.inline.right {
        padding-left: 0;
        padding-right: 20px;
        background-position: 100% 50%;
    }
    a.no_icon {
        display: inline;
        background: none !important;
        padding: 0;
    }
a[href$='.jpg'], a[href$='.jpeg'], a[href$='.bmp'],
a[href$='.tif'], a[href$='.tiff'], a[href$='.gif'], 
a[href$='.png'], a[href$='.psd'], .icon.page_picture {
    background-image: url('../../../vanilla/default/images/icons/page_white_picture.png');
}
a[href$='.txt'], a[href$='.rtf'], .icon.page_text {
    background-image: url('../../../vanilla/default/images/icons/page_white_text.png');
}
a[href$='.doc'], a[href$='.docx'], a[href$='.odt'], 
a[href$='.abw'], a[href$='.wpd'], a[href$='.wps'], 
.icon.page_word {
    background-image: url('../../../vanilla/default/images/icons/page_white_word.png');
}
a[href$='.ppt'], a[href$='.pps'], a[href$='.pptx'], 
a[href$='.ppsx'], a[href$='.odp'], .icon.page_powerpoint {
    background-image: url('../../../vanilla/default/images/icons/page_white_powerpoint.png');
}
a[href$='.xls'], a[href$='.xlsx'], a[href$='.ods'],
a[href$='.cvs'], .icon.page_excel {
    background-image: url('../../../vanilla/default/images/icons/page_white_excel.png');
}
a[href$='.accdb'], a[href$='.db'], a[href$='.mdb'],
a[href$='.pdb'], a[href$='.sql'], .icon.page_database{
    background-image: url('../../../vanilla/default/images/icons/page_white_database.png');
}
a[href$='.zip'], a[href$='.tar'], a[href$='.gzip'], 
a[href$='.gz'], a[href$='.rar'], a[href$='.7z'], .icon.page_conpressed{
    background-image: url('../../../vanilla/default/images/icons/page_white_compressed.png');
}
a[href$='.fla'], a[href$='.swf'], a[href$='.swd'], .icon.page_flash {
    background-image: url('../../../vanilla/default/images/icons/page_white_flash.png');
}
a[href$='.pdf'], .icon.page_acrobat {
    background-image: url('../../../vanilla/default/images/icons/page_white_acrobat.png');
}
a[href*='/ACP'], .icon.page_gear {
    background-image: url('../../../vanilla/default/images/icons/page_white_gear.png');
}
.icon.error        { background-image: url('../../../vanilla/default/images/icons/error.png'); }
.icon.warning      { background-image: url('../../../vanilla/default/images/icons/error.png'); }
.icon.success      { background-image: url('../../../vanilla/default/images/icons/accept.png'); }
.icon.notice       { background-image: url('../../../vanilla/default/images/icons/note.png'); }
.icon.toggle_plus  { background-image: url('../../../vanilla/default/images/icons/bullet_toggle_plus.png'); }
.icon.toggle_minus { background-image: url('../../../vanilla/default/images/icons/bullet_toggle_minus.png'); }
.icon.arrow_up     { background-image: url('../../../vanilla/default/images/icons/bullet_arrow_up.png'); }

/* - lists - */
ul.bullets li,        .bullets ul li,
ul.bullets_tick li,   .bullets_tick ul li,
ul.bullets_folder li, .bullets_folder ul li,
ul.bullets_arrow li,  .bullets_arrow ul li,
ul.bullets_note li,   .bullets_note ul li,
ul.bullets_star li,   .bullets_star ul li,
ul.bullets_black li,  .bullets_black ul,
ul.bullets_blue li,   .bullets_blue ul li,
ul.bullets_green li,  .bullets_green ul li,
ul.bullets_red li,    .bullets_red ul li {
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
ol {
    margin-left: 25px;
}

        ul li ul {
            margin-left: 20px;
            margin-bottom: 0 !important;
        }
    ul.bullets li,        .bullets ul li        { background-image: url('../../../vanilla/default/images/icons/bullet_blue.png'); }
    ul.bullets_tick li,   .bullets_tick ul li   { background-image: url('../../../vanilla/default/images/icons/tick.png'); }
    ul.bullets_folder li, .bullets_folder ul li { background-image: url('../../../vanilla/default/images/icons/folder.png'); }
    ul.bullets_arrow li,  .bullets_arrow ul li  { background-image: url('../../../vanilla/default/images/icons/bullet_go.png'); }
    ul.bullets_note li,   .bullets_note ul li   { background-image: url('../../../vanilla/default/images/icons/note.png'); }
    ul.bullets_star li,   .bullets_star ul li   { background-image: url('../../../vanilla/default/images/icons/bullet_star.png'); }
    ul.bullets_black li,  .bullets_black ul li  { background-image: url('../../../vanilla/default/images/icons/bullet_black.png'); }
    ul.bullets_blue li,   .bullets_blue ul li   { background-image: url('../../../vanilla/default/images/icons/bullet_blue.png'); }
    ul.bullets_green li,  .bullets_green ul li  { background-image: url('../../../vanilla/default/images/icons/bullet_green.png'); }
    ul.bullets_red li,    .bullets_red ul li    { background-image: url('../../../vanilla/default/images/icons/bullet_red.png'); }
    ol, ol.decimal,       .decimal ol           { list-style-type: decimal; }
    ol.latin,             .latin ol             { list-style-type: lower-latin; }
    ol.roman              .roman ol             { list-style-type: lower-roman; }
    
/* - tables - */
table {
    width: 100%;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ecebeb;
    border-collapse: collapse;
}
    table tr {
        background-color: transparent;
    }
    table tr:nth-child(odd) {
        background-color: #cccccc;
    }
        table th,
        table thead td {
            font-size: 100%;
            font-weight: 700;
            background-color: #888888;
        }
        table th, 
        table td {
            text-align: center;
            vertical-align: middle;
            border-width: 0 1px 1px 0;
            border-style: solid;
            border-color: #ecebeb;
            padding: 5px;
        }
        table td {
            font-size: 90%;
        }
        table tfoot th,
        table tfoot td {
            background-color: #888888;
        }
table.unstyled,
table.unstyled thead,  .unstyled table thead,
table.unstyled tfoot,  .unstyled table tfoot, 
table.unstyled tbody,  .unstyled table tbody, 
table.unstyled tr,     .unstyled table tr,
table.unstyled tr.odd, .unstyled table tr.odd,
table.unstyled th,     .unstyled table th,
table.unstyled td,     .unstyled table td {
    font-size: 100%;
    text-align: left;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}
form table tbody td,
form table tbody th {
    text-align: left;
    vertical-align: middle;
}

/* - forms - */
form .actions {
    background: #f6f6f6 url('../../../vanilla/default/images/icons/application_form_edit.png') no-repeat 7px 50%;
    padding: 0 7px 0 28px;
    border: 1px solid #ecebeb;
    margin-top: -1px /* bring contents inline with outside */
}
fieldset {
    border: 1px solid #ecebeb;
    padding: 10px;
}
legend {
    font-size: 100%;
    font-weight: 700;
    line-height: 100%;
    border: 1px solid #ecebeb;
    background-color: #f6f6f6;
    padding: 5px 7px;
}
input, textarea, select {
    font-size: 100%;
    border: 1px solid #ecebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    margin: 2px;
    padding: 3px;
}
    input:focus, textarea:focus, select:focus {
        background-color: #fcfcfc;
    }
select {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, #e4e4e4),
        color-stop(0.71, #f6f6f6)
    );
    background-image: -moz-linear-gradient(
        center bottom,
        #e4e4e4 39%,
        #f6f6f6 71%
    );
}
    select:hover, select:focus {
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.39, #f6f6f6),
            color-stop(0.71, #e4e4e4)
        );
        background-image: -moz-linear-gradient(
            center bottom,
            #f6f6f6 39%,
            #e4e4e4 71%
        );
    }
textarea {
    height: 220px;
}
input[type="checkbox"], 
input[type="radio"] {
    border: none;
    background: none;
}
.button, button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    height: 18px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 100%;
    line-height: 18px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, #e4e4e4),
        color-stop(0.71, #f6f6f6)
    );
    background-image: -moz-linear-gradient(
        center bottom,
        #e4e4e4 39%,
        #f6f6f6 71%
    );
    margin: 2px;
    padding: 2px 10px;
}
input.button, button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    height: auto;
    max-height: 24px;
}
.button.icon, button.icon,
input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon {
    background-position: 5px 50%;
    padding: 2px 7px 2px 24px;
}
    .button:hover, button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.39, #f6f6f6),
            color-stop(0.71, #e4e4e4)
        );
        background-image: -moz-linear-gradient(
            center bottom,
            #f6f6f6 39%,
            #e4e4e4 71%
        );
    }
a.button, 
a:visited.button {
    color: #000000;
    text-decoration: none;
}

/* - responsive input boxes - */
input[type="text"],
input[type="password"],
textarea {
    width: 100%;
}
.input_container {
    padding-right: 12px !important;
}
/* - breadcrumbs - */
ul.breadcrumbs {
    height: 30px;
    margin-bottom: 0;
}
    ul.breadcrumbs li {
        float: left;
        background: url('../../../vanilla/default/images/icons/bullet_go.png') no-repeat 0 50% !important;
        padding-left: 20px;
        margin-right: 7px;
    }
    ul.breadcrumbs li:first-child {
        background: none !important;
        padding-left: 0;
    }
        ul.breadcrumbs li a,
        ul.breadcrumbs li a:visited {
            color: #0d72be;
            text-decoration: none;
        }

/* - pagination - */
.pagination {
    margin-bottom: 20px;
}
    .pagination a {
        float: left;
        display: block;
        text-align: center;
        color: #7f7e7e;
        border: 1px solid #ecebeb;
        background-color: #f7f7f7;
        margin-right: 1px;
        padding: 3px 6px;
    }
    .pagination a:hover, 
    .pagination a.current {
        color: #0d72be;
        background-color: #fcfcfc;
    }

/* - menus - */
.v_menu ul.menu { 
    /* vertical menu */
    background-color: #ffffff;
    margin: 0;
}
    .v_menu ul.menu li {
        /* vertical list items*/
        display: block;
        width: 100%;
    }
        .v_menu ul.menu li a {
            /* vertical menu links */
            
            /* reset jquery ui */
            background: none;
            border: none;
            padding: 0;
            margin: 0;
            
            display: block;
            height: 23px;
            line-height: 23px;
            white-space: nowrap;
            color: #7f7e7e !important;
            text-decoration: none;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            border-top: 1px solid #ffffff;
            background-color: #f7f7f7;
            padding: 4px 7px;
        }
        .v_menu ul.menu li a:hover {
            /* vertical menu links hover */
            color: #0d72be !important;
            background-color: #fcfcfc;
        }
        .v_menu ul.menu li a:visited:hover {
            color: #c5a4e0 !important;
        }
            .v_menu ul.menu li a span.icon {
                line-height: normal;
                margin: 4px 0;
            }
        .v_menu ul.menu li ul {
            /* slide out menu */
            
            /* reset jquery ui  */
            width: auto !important;
            background: none;
            border: none;
            padding: 0;
            margin: 0;
            
            display: block;
            padding: 5px 0;
            margin-left: 20px;
        }
            .v_menu ul.menu li ul li, 
            .v_menu ul.menu li ul li a {
                /* slide out menu 
                list items and links */
                
                /* reset jquery ui  */
                background: none;
                border: none;
                padding: 0;
                margin: 0;
                
                font-size: 95%;
                background-color: #ffffff;
            }
            .v_menu ul.menu li ul li a {
                height: 20px;
                line-height: 20px;
            }
            .v_menu ul.menu li ul li a:hover {
                /* slide out menu links hover */
                background: none;
            }
                .v_menu ul.menu li ul li a span.icon {
                    line-height: normal;
                    margin: 2px 0;
                }
.h_menu ul.menu {
    /* horizontal menu */
    position: relative;
    z-index: 1000;
    margin: 0;
}
    .h_menu ul.menu li {
        /* horizontal list items */
        position: relative;
        float: left;
    }
        .h_menu ul.menu li a,
        .h_menu ul.menu li ul li a {
            /* menu links */
            display: block;
            height: 24px;
            line-height: 24px;
            color: #ffffff !important;
            text-decoration: none;
            white-space: nowrap;
            padding: 4px 15px;
        }
        .h_menu ul.menu li a:hover {
            /* horizontal menu links hover */
        }
        .h_menu ul.menu li a:visited:hover {
            color: #ffffff !important;
        }
        .h_menu ul.menu li ul {
            /* drop down menu
               hidden off screen */
            position: absolute;
            left: -9999px;
            width: 200px;
            background-color: #ffffff;
            margin: 0;
        }
        .h_menu ul.menu li:hover ul {
            /* show drop down menu */
            left: 0;
        }
            .h_menu ul.menu li ul li {
                /* drop down list items */
                float: none;
                margin: 0;
            }
                .h_menu ul.menu li ul li a {
                    /* drop down menu links */
                    
                    /* reset jquery ui  */
                    background: none;
                    border: none;
                    padding: 0;
                    margin: 0;
                    
                    position: relative; /* IE8 Fix for li:hover */
                    background-color: #f7f7f7;
                    border-top: 1px solid #ffffff;
                    padding: 4px 7px;
                }
                    .h_menu ul.menu li ul li a span.icon {
                        line-height: normal;
                        margin: 4px 0;
                    }
                .h_menu ul.menu li ul li ul {
                    /* slide out submenus */
                    
                    /* reset jquery ui  */
                    width: auto !important;
                    background: none;
                    border: none;
                    padding: 0;
                    margin: 0;
                    
                    display: block;
                    position: relative;
                    padding: 5px 0;
                    margin-left: 20px;
                }
                .h_menu ul.menu li ul li ul li,
                .h_menu ul.menu li ul li ul li a {
                    /* slide out submenu
                       list items and links */
                    
                    /* reset jquery ui  */
                    background: none;
                    border: none;
                    padding: 0;
                    margin: 0;
                    
                    
                    font-size: 95%;
                    background-color: #ffffff;
                }
                .h_menu ul.menu li ul li ul li a {
                    height: 20px;
                    line-height: 20px;
                }
                .h_menu ul.menu li ul li ul li a:hover {
                    /* slide out menu links hover */
                    background: none;
                }
.h_menu a, 
.v_menu a,
.admin_menu a { /* hide icons in menus */
    line-height: 170%;
    background-image: none;
}

/* - jquery ui - 

 The following css are changes to jquery ui css
 that was not possible with the theme roller
 or is required in all themes used with this design.
*/
.ui-widget {
    margin-bottom: 20px !important;
}
.widget .ui-widget {
    margin-bottom: 0 !important;
}
.ui-accordion-content a, 
.ui-dialog-content a,
.ui-tabs-panel a {
    color: #0d72be !important;
}
/* News Styling */
#news_container {
            padding: 10px 15px 0;
        }
            
            #news_container .article {
                height: 140px;
                overflow: hidden;
            }
                #news_container .title {
                    height: 20px;
                    line-height: 18px;
                    overflow: hidden;
                    margin-bottom: 20px;
                    color: #0d72be !important;
                }
                #news_container .excerpt {
                    height: 80px;
                    overflow: hidden;
                }
                    #news_container .excerpt p {
                        line-height: 115%;
                        color: #222222;
                        margin: 0 0 3px;
                    }
                #news_container .read_more {
                    height: 13px;
                    padding-top: 5px;
                }
                    #news_container .read_more a, #news_container .more_news a {
                        line-height: 13px;
                        font-style: italic;
                        color: #1c2933;
                    }
                    #news_container .more_news a {
                        font-size: 110%;
                    }
                    #news_container .read_more a:hover, #news_container .more_news a:hover {
                        border: none;
                        text-decoration: underline;
                    }
                    
/* quantock menu */
.h_menu.quantock_menu {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
    font-size: 110%;
    text-shadow: 1px 1px 0px #333;
    
    
}
.h_menu.quantock_menu ul.menu {
    /* horizontal menu */
    position: relative;
    z-index: 1000;
    margin: 0;
    float: left;
    position: relative;
    left: 50%;
    clear: left;
}
    .h_menu.quantock_menu ul.menu li {
        /* horizontal list items */
        position: relative;
        float: left;
        right: 50%;
        border-right: 1px dotted #333333;
    }
    .h_menu.quantock_menu ul.menu li:hover {
        /* horizontal list items */
        background-color: #cccccc;
    }
    
/* --- Admin Menu ---*/
#admin_wrapper {
    width: 100%;
    position: fixed;
    background-color: #0d72be;
    top: 0;
    border-bottom: 1px dashed #333333;
    z-index: 10000;
}
.admin_menu {
    width: 975px;
    margin: 0px auto 5px;
    position: relative;
    top: 0;
    height: 34px;
    padding: 0 15px;
}
.admin_menu ul.menu {
    /* horizontal menu */
    position: relative;
    z-index: 1000;
    margin: 0;
}
    .admin_menu ul.menu li {
        /* horizontal list items */
        position: relative;
        float: left;
        margin-right: 4px;
    }
        .admin_menu ul.menu li a,
        .admin_menu ul.menu li ul li a {
            /* menu links */
            display: block;
            color: #ffffff !important;
            white-space: nowrap;
            border: none;
            background-color: transparent;
            padding: 7px;
            font-weight: bold;
            text-decoration: none;
        }
        .admin_menu ul.menu li a:hover {
            /* horizontal menu links hover */
            color: #ffffff !important;
        }