/**************************************
 * THEME NAME: distinct
 *
 * Files included in this sheet:
 *
 *   distinct/styles_layout.css
 *   distinct/styles_fonts.css
 *   distinct/styles_color.css
 **************************************/

/***** distinct/styles_layout.css start *****/

html
{
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 80% !important;
    background-color: #ffffff;
    color: #000000 !important;
    
}

body
{
    background-color: #ffffff;
    color: #000000 !important;
}

html,body {
    width: 100%;
    margin: 0;
    padding: 0;
}

form
{
    margin: 0;
    padding: 0;
}

/* DEFAULT STYLES */
div#page {
    width: 978px;
    margin-left: auto;
    margin-right: auto;
    /*position: relative;*/
}

/* Grey top header */
div#topheader {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    /*position: relative;*/
}
div#topheader_inner {
    /*position: absolute;*/
    top: 25%;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-left: 4px;
    margin-right: 4px;
}
div#topheader_title {
    /*position: relative;*/
    float: left;
    width: 40%;
}
div#topheader_lang {
    padding: 0;
    height: 20px;
    margin-right: 10px;
    text-align: right;
    /*position: relative;*/
    float: right;
    width: 40%;
}
div#topheader_lang select {
    height: 20px;
    size: 8pt;
}
/* Logo and splash */
div#logo, div#splash {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* sub-header (sub-splash) */
div#subheader {
    height: 28px;
    margin: 0px;
    width: 100%;
    line-height: 28px;
    background-color: #fff;
}
div#subheader div#subheader_title {
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 18px;
    padding-top: 6px;
}
div#subheader div#subheader_info {
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: right;
    width: 40%;
    padding-right: 90px;
    font-weight: bold;
    font-size: 8pt;
}

div#subheader div#subheader_info div.singlebutton, 
div#subheader div#subheader_info div, 
div#subheader div#subheader_info form, 
div#subheader div#subheader_info select, 
div#subheader div#subheader_info img, 
div#subheader div#subheader_info ul, 
div#subheader div#subheader_info input,
div#subheader div#subheader_info li {
    display: inline;
    vertical-align: text-bottom !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 8px !important;
}



/*navigation*/
div#navigate {
    width: 100%;
    height: 24px;
    margin-top: 2px;
    padding-left: 2px;
    line-height: 24px;
}

div#navigate * {
    height: 18px !important;
}
div#navigate img {
    height: auto;
}
div#navigate div.breadcrumb {
    float: left;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}
div#navigate div.breadcrumb ul {
    display: inline;
    margin: 0;
    padding: 0;
}

div#navigate div#button {
    float: right;
    display: inline;
    text-align: right;
    height: 24px;
    line-height: 24px;
}
div#navigate div#button div.singlebutton, div#navigate div#button div, div#navigate div#button form, div#navigate div#button select, div#navigate div#button img {
    display: inline;
    vertical-align: top !important;
    margin: 0;
    padding: 0;
}
div#navigate div#button img {
    vertical-align: middle !important;
}
div#subnavspace {
    width: 100%;
    background-color: #d7eef4;
    height: 12px;
    overflow: hidden;
    margin-top: 5px;
}

/* Blocks */
td#left-column div.header, td#right-column div.header {
    line-height: 26px;
    margin: 0;
    padding: 0;
        /*height: 26px;*/
    min-height: 26px;
    min-height: 26px !important;
}   
    
td#left-column div.header div.title, td#right-column div.header div.title {
    /*position: relative;*/
    width: 100%;
    padding: 0;
    margin: 0;
}
td#left-column div.header div.title h2, td#right-column div.header div.title h2 {
    padding-left: 4px;
}
td#left-column div.header div.commands, td#right-column div.header div.commands {
    padding: 0;
    height: 22px;
} 
td#left-column div.header input, td#right-column div.header input {
    margin: 0;
    padding: 0;
    /*position: absolute;*/
    top: 0;
    right: 0;
    display: block;
}



/******/
div.form-setting, div.form-setting iframe, div.form-setting div {
    max-width: 590px;
}



/* Footer */
div#distinctfooter {
    padding: 0;
}
div#logosmall_border {
    width: 100%;
    height: 5px;
    background-repeat: repeat-x;
    overflow: hidden;
    margin: 0;
}

/* Login form */
div.block_login input {
    border: 1px solid #000000;
    width: 60px;
    padding-left: 5px;
    height: 19px;
    line-height: 17px;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    background-image: url(http://ilearning.distinct.ie/theme/distinct/pix/btnbg.gif);
    background-repeat: no-repeat;
    background-position: right;
}
input#login_username, input#login_password {
    width: 100px;
    border: 1px solid #000000;
    padding: 0;
    font-weight: normal;
    background-image: none;
    height: 18px;
    line-height: 18px;
    font-size: 10pt;
}
div.password label, div.username label {
    font-weight: bold;
}

select {
    max-width: 590px;
}

/* Front page editable text */
div.frontpsectitle {
    width: 554px;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    padding-left: 6px;
    position: relative;
}
div.frontpsectitle div {
    height: 26px;
    line-height: 26px;
}

div.frontpsectitle div.fplarrow,
div.frontpsectitle div.fprarrow {
    padding: 0;
    margin: 0;
    width: 14px;
    height: 26px;
    vertical-align: middle;
}
div.frontpsecdesc {
    margin: 0;
    padding: 0;
    margin-top: 6px;
    margin-bottom: 18px;
}

/* forum search */
div.forumsearch * {
    height: 16px;
}


div#subheader_info {
    height: 30px;
    vertical-align: text-bottom !important;
}

fieldset.felement input {
    margin-left: 5px !important;
}
/***** distinct/styles_layout.css end *****/

/***** distinct/styles_fonts.css start *****/

/***** distinct/styles_fonts.css end *****/

/***** distinct/styles_color.css start *****/

div#topheader {
    background-color: #d1d2d4;
}
div#topheader_lang select {
    border: 1px solid #000;
    background-color: #FFF;
}
div#subheader {
    background-color: #000;
    background-image: url(http://ilearning.distinct.ie/theme/distinct/pix/subheaderstripe.png);
    background-repeat: no-repeat;
    color: #FFF;
}
div#subheader div#subheader_title {
    color: #FFF;
    font-weight: bold;
}
div#subheader div#subheader_info a,div#subheader div#subheader_info a:visited {
    color: #FFF;
}
div#navigate {
    background-color: #0d94c3;
    background-image: url(http://ilearning.distinct.ie/theme/distinct/pix/bcbg.png);
    background-repeat: repeat-x;
    color: #FFF;
}
div#navigate a, div#navigate a:visited {
    color: #FFF;
}
div#navigate div.breadcrumb {
    font-weight: bold;
}
div#navigate div#button input, div#navigate div#button select {
    border: 1px solid #0d94c3;
    background-color: #FFF;
    font-size: 8pt;
    height: 18px;
}




/* blocks */ 
td#left-column div.content, td#right-column div.content {
    /*clear: both;*/
    background-color: #d7eef4;
}
div.content a.link current {
    background-color: none;
    border-bottom: 1px solid #000;
}
td#left-column div.header, td#right-column div.header {
    background-image: url(http://ilearning.distinct.ie/theme/distinct/pix/blockheaderbg.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
}

td#left-column div.header input.hide-show-image, td#right-column div.header input.hide-show-image {
    /*position: absolute !important;*/
    top 0 !important;
    right: 0 !important;
    /*background: url(http://ilearning.distinct.ie/theme/distinct/pix/hideshowimage.png) !important;*/
    /*height: 25px !important;
    line-height: 25px !important;*/
    border: 0 !important; 
    padding: 0 !important; 
    margin: 0 !important;
    width: 22px !important;
    height: 26px !important;
}

/* calendar */
td.day {
    border: 1px solid #ABABAB;
}
td.dayblank {
    border: 1px solid #CDCDCD;
}
/* head outline */
td#middle-column h2.header {
    background-color: #d7eef4;
    border: 0;
}
/*footer*/
div#distinctfooter {
    color: #999999;
}

input {
    border: 1px solid #999;
    background-color: #FFF;
}

/* Links */
td#left-column a:link,
td#left-column a:visited {
  color:#0d94c3;
}

td#left-column a.dimmed:link,
td#left-column a.dimmed:visited {
  color:#0d94c3;
}

td#left-column a:hover {
  color:#0d94c3;
}

td#left-column a.autolink:link,
td#left-column a.autolink:visited {
  color:#0d94c3;
}

td#right-column a:link,
td#right-column a:visited {
  color:#0d94c3;
}

td#right-column a.dimmed:link,
td#right-column a.dimmed:visited {
  color:#0d94c3;
}

td#right-column a:hover {
  color:#0d94c3;
}

td#right-column a.autolink:link,
td#right-column a.autolink:visited {
  color:#0d94c3;
}
td#middle-column a:link,
td#middle-column a:visited {
  color:#000;
}

td#middle-column a.dimmed:link,
td#middle-column a.dimmed:visited {
  color:#000;
}

td#middle-column a:hover {
  color:#000;
}

td#middle-column a.autolink:link,
td#middle-column a.autolink:visited {
  color:#000;
}

/* Front page editable text */
div.frontpsectitle {
    background-color: #d7eef4;
    font-weight: bold;
    font-size: 10pt;
}
div.frontpsectitle div {
    display: inline; 
}
div.frontpsectitle div.fplarrow {
    color: #d7eef4;
}
div.frontpsectitle div.fprarrow {
    color: #d7eef4;
}
div.frontpsecdesc {

}

/***** distinct/styles_color.css end *****/