﻿/* - - - - - - - - - - Styles used in the master.pages - - - - - - - - - -  */
body.home
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 18px 0;
    background-color: #FFFFFF;
    background-image: url(../images/mlshome/background_tile.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

/* - - - - - - - - - - Boarders - - - - - - - - - -  */
div.containerhold
{
    margin: 0 auto;
    padding: 0;
    max-width: 942px;
    background-image: url(../images/mlshome/containerbak.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
*html div.containerhold
{
    width: 942px;
}
div.leftcontainer
{
    margin: 0;
    padding: 0;
    background-image: url(../images/mlshome/containerbak_left.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
div.rightcontainer
{
    margin: 0;
    padding: 12px 17px 12px 16px;
    background-image: url(../images/mlshome/containerbak_right.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

/* - - - - - - - - - - Page Container - - - - - - - - - -  */
div.homecontainer
{
    margin: 0;
    padding: 0;
    text-align: left;
}
div.homecontainer a
{
    color: #FF0000;
    text-decoration: underline;
    font-weight: bold;
}
div.homecontainer a:visited
{
    /*color:#5A5A5A;*/
}
div.homecontainer a:hover, div.homecontainer a:focus, div.homecontainer a:active
{
    color: #AA0000;
    background-color: #FFFFE1;
    text-decoration: none;
}

/* - - - - - - - - - - Banner - - - - - - - - - -  */
div.banner
{
    margin: 0;
    padding: 0;
}
/* - - Login - - - - - - - - - -  
div.banner div.login{margin:0 0 0 10px; padding:0; width:240px; float:right; clear:none; background-color:#E3E3E3;}
div.banner div.login div.top{padding:0; margin:0; background-image:url(../images/mlshome/login_top.jpg); background-position:top; background-repeat:repeat-x;}
div.banner div.login div.bottom{padding:0; margin:0; background-image:url(../images/mlshome/login_bottom.jpg); background-position:bottom; background-repeat:repeat-x;}
div.banner div.login div.topleft{padding:0; margin:0; background-image:url(../images/mlshome/login_topleft.jpg); background-position:top left; background-repeat:no-repeat;}
div.banner div.login div.topright{padding:0; margin:0; background-image:url(../images/mlshome/login_topright.jpg); background-position:top right; background-repeat:no-repeat;}
div.banner div.login div.bottomleft{padding:0; margin:0; background-image:url(../images/mlshome/login_bottomleft.jpg); background-position:bottom left; background-repeat:no-repeat;}
div.banner div.login div.bottomright{padding:19px 19px 0 19px; margin:0; min-height:169px; background-image:url(../images/mlshome/login_bottomright.jpg); background-position:bottom right; background-repeat:no-repeat;}
*html div.banner div.login div.bottomright{height:168px;}*/
/* - - Quick Login - -
div.quick_login{padding:29px 0 0 0; margin:0; background-color:none;background-image:url(../images/mlshome/mylearningspaceSMLlogo.jpg); background-repeat:no-repeat; background-position:left top; }
div.quick_login label{padding:0 0 2px 0; margin:0 0 0 1px; font-size:95%; clear:right;}
div.quick_login input.text{padding:3px 2px; margin:0 0 5px 1px; width:95%; font-size:100%;}
div.quick_login input.button{padding:3px 2px; margin:2px 0 0 1px; font-size:90%; font-weight:bold; letter-spacing:1px; color:#FFFFFF; border-left:1px solid #C10000; border-top:1px solid #FF0000; border-right:1px solid #CC0000; border-bottom:1px solid #080000; background-color:#940000; background-image:url(../images/mlshome/loginbuttonbak.gif); background-repeat:repeat-x; background-position:top;}*/
/*Username
div.quick_login div#username{padding:0; margin:0;}*/
/*Login
div.quick_login div#password{padding:0; margin:0;}*/
/*Error
div.quick_login p.error{padding:1px 2px; margin:0 0 4px 0; font-size:80%; width:95%;}*/
/* - - Image - - - - - - - - - -  */
div.banner div.image
{
    margin: 0 250px 0 0;
    padding: 0;
    border: 1px solid #E5E5E5;
    height: 186px;
    background-image: url('../skin_images/banner.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}
/* - - - - - - - - - - Content - - - - - - - - - -  */
div.leftcol
{
    width: 400px;
    float: right;
    clear: none;
}
/* - - News - - - - - - - - - -  */
div#news_list
{
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    background-color: #F2F2F2;
}
*html div#news_list
{
    border: 1px solid #FFF;
}
div#news_list h2
{
    position: absolute;
    left: -5000px;
    top: -5000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
div#news_list div.news_list_topleft
{
    padding: 0;
    margin: 0;
    background-image: url(../images/mlshome/news_list_topleft.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
div#news_list div.news_list_topright
{
    padding: 0;
    margin: 0;
    background-image: url(../images/mlshome/news_list_topright.gif);
    background-position: top right;
    background-repeat: no-repeat;
}
div#news_list div.news_list_bottomleft
{
    padding: 0;
    margin: 0;
    background-image: url(../images/mlshome/news_list_bottomleft.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}
div#news_list div.news_list_bottomright
{
    padding: 1px 20px 10px 20px;
    margin: 0;
    position: relative;
    background-image: url(../images/mlshome/news_list_bottomright.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}
div#news_list div.news_list_bottomright p
{
    padding: 0;
    margin: 15px 0 19px 2px;
    line-height: 1.4em;
    font-size: 95%;
}
/* Temp */
div#news_list div.news_list_bottomright div.cdsmwhoarewe
{
    padding: 0;
    margin: 40px 0 0 0;
    height: 30px;
    background-image: url(../images/mlshome/cdsm_whoarewe.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
div#news_list div.options
{
    padding: 6px 0 20px 0;
    margin: 16px 0 0 0;
    text-align: right;
    font-size: 80%;
    background-image: url(../images/mlshome/news_list_head.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
div#news_list div.options p
{
    padding: 0;
    margin: 0;
}
div#news_list ul
{
    margin: 0;
    padding: 0;
}
div#news_list ul li
{
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    line-height: 1.3em;
}
div#news_list ul li span.lead
{
    margin: 0 0 2px 0;
    padding: 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}
div#news_list ul li a
{
    margin: 0 0 6px 0;
    padding: 0;
    color: #000000;
    text-decoration: none;
    font-weight: bolder;
    font-size: 125%;
    line-height: 1.1em;
}
div#news_list ul li a:visited
{
    /*color:#5A5A5A;*/
}
div#news_list ul li a:hover, div#news_list ul li a:focus, div#news_list ul li a:active
{
    color: #AA0000;
    background-color: #FFFFE1;
    text-decoration: underline;
}
/* - - Text - - - - - - - - - -  */
div.banner div.homebody
{
    margin: 40px 440px 30px 26px;
    padding: 0 0 0 5px;
    height: 0.01%;
}
/*div.banner div.homebody div.mylearning{margin:0 0 15px 0; padding:0; height:24px; width:246px; float:left; background-image:url(../images/mlshome/mylearningspaceSML.gif); background-position:left top; background-repeat:no-repeat;}
div.banner div.homebody div.space{margin:0; padding:0; height:72px; width:166px; float:left; background-image:url(../images/mlshome/mylearningspace02.gif); background-position:left top; background-repeat:no-repeat;}
*/
div.banner div.homebody div.news
{
    margin: 0;
    padding: 0;
    height: 72px;
    width: 166px;
    float: left;
    background-image: url(../images/mlshome/mylearningspace_news.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
div.banner div.homebody h2
{
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 140%;
    clear: left;
    color: red;
}
div.banner div.homebody p.lead
{
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 120%;
    font-weight: lighter;
    line-height: 1.4em;
}
div.banner div.homebody p
{
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 1.4em;
    font-size: 95%;
}
/* - - CDSM - - - - - - - - - -  */
div.mlscdsm
{
    margin: 30px 28px 30px 0;
    padding: 55px 0 0 0;
    background-image: url(../images/mlshome/cdsm_logo.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
div.mlscdsm p
{
    padding: 0;
    margin: 0 0 19px 0;
    line-height: 1.4em;
    font-size: 0.95em;
}
div.mlscdsm p span
{
    padding: 0;
    margin: 2px 0 19px 0;
    display: block;
}
/* - - View News - - - - - - - - - -  */
div.ViewNews
{
    padding: 0;
    margin: 10px 0 0 0;
}
div.ViewNews div#News_container1_div_kTree
{
    position: absolute;
    left: -5000px;
    top: -5000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
div.ViewNews div#news_right
{
    padding: 10px 0 0 0;
    margin: 0;
    clear: none;
    float: right;
    width: 330px;
    width: 290px;
    background-color: #F2F2F2;
}
div.ViewNews div#news_right h2.secondary
{
    position: absolute;
    left: -5000px;
    top: -5000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
div.ViewNews div#news_right div.nextprev
{
    border-top: none;
    margin-bottom: 8px;
    padding-bottom: 0;
}
div.ViewNews div#news_right div.nextprev span.nextprev_links
{
    padding: 0;
    margin: 0 0 10px 0;
    display: block;
}
div.ViewNews div#news_right div.nextprev span.nextprev_links span.pages
{
    font-size: 95%;
    letter-spacing: 0;
}
div.ViewNews div#news_right div.nextprev span.jump_to
{
    padding: 0 0 14px 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #DCDCDC;
}
div.ViewNews div#news_right div.nextprev span.jump_to input
{
    padding: 2px;
    margin: 2px 0 0 1px;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #FFFFFF;
    border-left: 1px solid #C10000;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #CC0000;
    border-bottom: 1px solid #080000;
    background-color: #940000;
    background-image: url(../images/mlshome/loginbuttonbak.gif);
    background-repeat: repeat-x;
    background-position: top;
}
div.ViewNews div#news_right div.nextprev span.jump_to select
{
    margin-bottom: -1px;
}
div.ViewNews div#news_right div#news_list
{
    padding: 0 20px 10px 20px;
    margin: 0;
}
div.ViewNews div#news_right div#news_list div.block
{
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #DCDCDC;
}
div.ViewNews div#news_right div#news_list div.block img
{
    margin: 0;
    padding: 2px;
    border: 1px solid #C7C6C6;
}
div.ViewNews div#news_right div#news_list div.block ul
{
    margin: 6px 0 0 2px; /*width:196px;*/
}
div.ViewNews div#news_right div#news_list div.block ul li span.lead
{
    margin-bottom: 5px;
}
/* - Left - */
div.ViewNews div#news_left
{
    margin: 0;
    padding: 40px 330px 30px 26px;
}
div.ViewNews div#news_left h2
{
    padding: 0;
    margin: 0 0 16px 0;
    font-weight: normal;
    font-size: 180%;
    clear: left;
}
div.ViewNews div#news_left p.lead
{
    padding: 0;
    margin: 0 0 18px 0;
    font-size: 120%;
    font-weight: lighter;
    line-height: 1.4em;
}
div.ViewNews div#news_left p
{
    padding: 0;
    margin: 0 0 19px 0;
    line-height: 1.8em;
    font-size: 95%;
}
div.ViewNews div#news_left img
{
    margin: 0 15px 10px 0;
    padding: 2px;
    border: 1px solid #C7C6C6;
    float: left;
    clear: none; /*border:none;*/
}

/*Fixes for main navigation (in here as this is the final css file to be called)*/
	/*remove the hard-coded margin settings*/
	div.NavHoz li ul.Planner{margin-left:0; *margin-left:0; _margin-left:0;}
	div.NavHoz li ul.Communication{margin-left:0; *margin-left:0; _margin-left:0;}
	div.NavHoz li ul.StoreShare{margin-left:0; *margin-left:0; _margin-left:0;}
	div.NavHoz li ul.Content{margin-left:0; *margin-left:0; _margin-left:0;}
	
	/*move the left-most sub-menu styling to the first item in the list*/
	ul.nav {position: relative;}
	div.NavHoz li ul {margin:0; padding:0; z-index:100; border: none; background: none; left: 0;}
	div.NavHoz li ul li {background: #9D2F85 url(/dashboard/images/Banner/NavSubTile.gif) repeat-x 50% 0%; border-top: 1px solid #000;}
	div.NavHoz li ul li:first-child { border-bottom-left-radius: 14px; -moz-border-radius-bottomleft: 14px; -webkit-border-bottom-left-radius: 14px; }
	div.NavHoz li ul li:last-child { border-bottom-right-radius: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; }
	div.NavHoz li ul li a {display: block; float: left;}
	div.NavHoz ul li {display: block; float: left;}
