﻿/* MAIN PAGE LAYOUT */


.fll, .left { float:left !important; }
.flr, .right { float:right !important; }
.clear { clear:both !important; }
.bold, strong {font-weight:bold !important;}

.lightRed {color:#FF3909 !important;}
.lightBlue { color:#0099FF !important;}
.intenseBlue { color:#0066D6 !important; }
.lightGrey { color: #999 !important; }
.orangex { color:#DD4725 !important; }
.txtLeft { text-align:left;}
.txtRight { text-align:right;}
.txtCenter { text-align:center;}
.underline { text-decoration:underline;}

.colourRed 
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FF3909;
}


.test {background-color:Lime;}

.line-height-30 { line-height:30px !important; }

.padding-0 {padding:0 !important;}

.spacer-5 { display:block; width:5px !important;}
.spacer-10 { display:block; width:10px !important;}
.spacer-top-bottom-10 { display:block; margin-top:10px; margin-bottom:10px !important;}
.spacer-left-right-5 { display:inline; margin-left:10px; margin-right:10px !important;}

.vertical-align-text-top{vertical-align:text-top;}
.formRow .splitter {background: url(http://www.healthscotland.com/themes/healthscotland/images/iconsNew/lines_brown.gif) repeat-x left bottom !important;width: 97.4%;background-color:Lime;height: 7px;}

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.grey { color:#808080        }


.BlueButton { display:block; width:135px; height:36px; border:none; cursor:pointer; text-align:center; margin:0; padding:0; font-family:Arial,Helvetica; font-weight:bold; font-size:15px; background:url(http://www.healthscotland.com/themes/healthscotland/images/buttons.png) no-repeat 0px 0px; color:#fff; }
.BlueButton:hover { background-position:0 -36px; }
.GreyButton { background: #6D6D6D url(http://www.healthscotland.com/themes/healthscotland/images/backgrounds/common/about.gif) top left repeat-x !important; font-size:12px !important; font-family:Arial !important; padding:8px 10px 8px 10px !important; border:none !important; color:#fff !important; cursor:pointer !important; width:auto !important; height:auto !important; }
.GreyButton:hover { background: #6D6D6D !important; color:#fff !important; }
.GreyBTN { height:31px; width:88px; background:url(http://www.healthscotland.com/themes/healthscotland/images/iconsNew/greyBtn-1.png) no-repeat 0 0px; cursor:pointer; border:none; color:#000; font-family:Arial; font-weight:bold; font-size:13px; margin:0; padding:0; }
.GreyBTN:hover { background-position:0 -32px; color:#000; }
.GreenBTN { height:31px; width:88px; background:url(http://www.healthscotland.com/themes/healthscotland/images/iconsNew/greenBtn.png) no-repeat 0 0px; cursor:pointer; border:none; color:#333333; font-family:Arial; font-weight:bold; font-size:13px; margin:0; padding:0; }
.GreenBTN:hover { background-position:0 -32px; color:#1E1E1E; }
.GreenSmallBTN { height:23px; width:67px; background:url(http://www.healthscotland.com/themes/healthscotland/images/iconsNew/btn_green1.png) no-repeat 0 0px; cursor:pointer; border:none; color:#333333; font-family:Arial; font-weight:bold; font-size:13px; margin:0; padding:0; }
.GreenSmallBTN:hover { background-position:0 -23px; color:#1E1E1E; }
.GreyDarkSmallBTN { height:23px; width:67px; background:url(http://www.healthscotland.com/themes/healthscotland/images/iconsNew/btn_black1.png) no-repeat 0 0px; cursor:pointer; border:none; color:#fff; font-family:Arial; font-weight:bold; font-size:13px; margin:0; padding:0; }
.GreyDarkSmallBTN:hover { background-position:0 -23px; color:#fff; }
.GreyExtraLongBTN { height:26px; width:190px; background:url(http://www.healthscotland.com/themes/healthscotland/images/library/grey_extralong_1.png) no-repeat 0 0px; cursor:pointer; border:none; color:#333333; font-family:Arial; font-weight:bold; font-size:13px; margin:0; padding:0; }
.GreyExtraLongBTN:hover { background-position:0 -26px; color:#fff; }


/*START Pagination*/
.paginationWraper { color: #333;  font-family:Verdana; font-size:12px; text-align: left; width:100%;}
.paginationWraper span { float:left; color: #535353; padding:8px 10px 8px 10px !important; margin:0 0 0 3px !important; text-decoration:none; font-weight:bold; }
.paginationWraper a { float:left; padding:8px 10px 8px 10px !important; background-color:#EDEDED !important; margin-right:4px !important;  text-decoration:none; color:#535353 !important; }
.paginationWraper a:hover { text-decoration:none; color:#000 !important; background-color:#E4E4E4 !important; }
.topPagination { margin:0 0 0 0; float:left; width:100%; }
.botPagination { padding:0 0 0 0; float:left; width:100%; }
.topPagination .paginationWraper, .botPagination .paginationWraper { float:right; }
/*END Pagination*/




/* BreadCrumb Navigation */
ul.breadCrumbNav { list-style:none; float:left; font-size:1em; color:#666; margin:0px; padding-left:15px; padding-top:2em; padding-bottom:2em;}
ul.breadCrumbNav li, ul.breadCrumbNav li a, ul.breadCrumbNav li span { float:left; margin:0; padding:0; display:block; }
ul.breadCrumbNav li a { color:#333; text-decoration:underline; }
ul.breadCrumbNav li a:hover { color:#666; text-decoration:underline; }
ul.breadCrumbNav li span { padding:0 5px 0 5px; }
ul.breadCrumbNav li span.selected { padding:0 5px 0 0; }
.BreadCrumbNavigation {  margin:0;}

/* BreadCrumb Navigation */




/* Left Side Navigation */

ul.sideNav { list-style:none; margin:0 0 0 0; padding:0 0 0 0; width:100%; border-top: 0px dotted #e0e0f0; line-height: 1.2em; }
ul.sideNav li { border-bottom: 0.1em dotted #e0e0f0; margin: 0; padding: 0; float: left; display: block; width: 100%; }
ul.sideNav li a { color:#333; text-decoration:none; margin:0; padding: .8em .8em .6em .9em !important; border:0; display: block; position: relative; font-size: 1.2em !important;  font-weight: bold;}
ul.sideNav li a:hover { background-color:#f7f7fa;}
ul.sideNav li a.selectedItem { background-color:#fff;}
ul.sideNav li a.open { font-weight:bold; }
ul.sideNav li.selectedSection { background-color:#fff;}
ul.sideNav li ul { margin: 0; padding: 0; border: 0;}
ul.sideNav li ul li { border-bottom: none; margin-top:-1px; }
ul.sideNav li ul li a { padding: .4em .8em .3em 1.8em !important; font-weight: normal; text-transform:none; line-height:1.4em; text-transform:none; font-size: 1em !important;}
ul.sideNav li ul li a:hover { }
ul.sideNav li ul li a.open { font-weight:bold; }
ul.sideNav li ul li a.selectedItem,
ul.sideNav li ul li a.selectedItem:hover { background:#fff url(http://www.healthscotland.com/themes/healthscotland/images/backgrounds/about/arrow.gif) no-repeat 1.1em 12px;  font-weight: bold !important;   }
ul.sideNav li ul li ul li a {  padding: .4em .8em .3em 2.8em !important; font-weight: normal; text-transform:none; line-height:1.4em; font-size:0.8em; }
ul.sideNav li ul li ul li a:hover {  }
ul.sideNav li ul li ul li a.selectedItem,
ul.sideNav li ul li ul li a.selectedItem:hover { background-position:2em 8px; }

/* END Left Side Navigation */


/* SiteMap Styling*/

ul.siteMap { margin:0 0 0 30px !important; padding:5px 0 20px 0 !important; width:100%; line-height: 1.2em; }
ul.siteMap li.topLevel { list-style-type:none; }
ul.siteMap li.topLevel a.topLevel { font-weight:bold; font-size:15px; }
ul.siteMap ul { margin:0 0 0 30px !important; padding:5px 0 20px 0 !important; }

/* END SiteMap Styling*/





/* BODY */
.Content .MiddleContainer .contentRightSide .MainContentBox img { margin: 0 1.1em 1.6em 1.1em; border: 0; display: inline-block; float:none; }
.Content .MiddleContainer .contentRightSide img { padding:0; vertical-align: middle; margin: 1.0em 1em 10px 1.0em; float: left; display: inline; }
.Content .MiddleContainer .contentRightSide img.background { float:right; margin:0; padding:0; border:none; }
.topSection .Content .MiddleContainer .contentRightSide img { padding:0; vertical-align: middle; margin: 1.0em 1em 10px 1.0em; float: left; display: inline; }
.topSection .Content .MiddleContainer .contentRightSide img.background { float:right; margin:0; padding:0; border:none; }







/**START NEWS**/

.News .SearchForm{background-color: #DED1D5;}
.News .SearchForm .label { width:100px; display:block; text-align:left; padding:3px 0 3px 0; color:#666; font-size:12px; margin-left:12px;}
.News .SearchForm .txtNewsInput{ width: 350px!important; border-top:solid 1px #BDB9AE; border-left:solid 1px #BDB9AE; border-bottom:solid 1px #736F60; border-right:solid 1px #736F60; font-family:Verdana; font-size:12px; padding:6px 0 6px 0;}
.News .SearchForm .ddlNews{ width: 100px!important; border-top:solid 1px #BDB9AE; border-left:solid 1px #BDB9AE; border-bottom:solid 1px #736F60; border-right:solid 1px #736F60; font-family:Verdana; font-size:12px; padding:6px 0 6px 0;}

.newsListThumb{}
.newsListThumb img{display:block;}
.newsItemSummary { width:345px;}
.newsItemTitle{width:345px;}
.newsLink {font-size:14px !important;  color:#8F576C; padding:0 0 6px 0!important;}
.newsItemSummary .newsLink a{}
.newsItemSummary .summary p{margin-left:-15px;}
.newsItemSummary .date {width:345px;padding:6px 0 6px 0!important;font-family:Arial; font-size:11px; color: #666;}

ul.NewsNav { float:left;list-style:none; margin-left:15px !important;width:90%; margin-top:5px!important; padding-top:0px!important; }
ul.NewsNav li {display: block;border-bottom: 0.1em dotted #CCCCCC; padding-top:5px!important;padding-bottom:5px!important;}
.NewsSideBar { width:100%}
.NewsEventDate  {color:#BDB9AE;}
.NewsEventDesc a{color:#000000 !important; text-decoration:none;}
.NewsEventDesc a:hover{color:#000000 !important; text-decoration:underline;}
.NewsSideBarHeadline {border-bottom: 0.1em dotted; margin-left:15px!important;width:90%;}
.NewsListDivider { float:left; width:100%; font-family:Arial; font-size:12px; color:#999; border-bottom:solid 1px #E4E4E4; padding:13px 0 8px 0; }

/**END NEWS**/

.pubSeparater{border:#000 1px dotted;font-size: 11px;color: rgb(79, 79, 79);border-style: none none dotted; position:relative; top:10px;}
/* .top10 {position:relative;top:100px !important;} */



/** SM changes **/
.Content .TitleBox {
    padding: 0px;
}
.Content .TitleBox h1 {
    font-weight: bolder;
    margin-top:0px;
}


.Content .MiddleContainer {
padding-bottom:50px;

}
.MainContentBox { padding-top: 50px;
}
.Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
.Content .MiddleContainer .contentRightSide .MainContentBox h2,
.Content .MiddleContainer .contentLeftSide h2
{
    font-size: 24px;
    padding-bottom: 5px;
}

.Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3
{
    font-size: 24px;
    padding-bottom: 5px;
}

.Content .MiddleContainer .contentRightSide .TitleBox {color:#fff; padding:0px}
.Content .MiddleContainer .contentRightSide .TitleBox img {display: none; visibility: hidden;}
.Content .MiddleContainer .contentRightSide a {
    text-decoration: underline;
}

.Content .MiddleContainer .contentRightSide h2 a,
.Content .MiddleContainer .contentRightSide h3 a 
{ 
    text-decoration: none;
}
.Content .MiddleContainer .contentRightSide h2 a:hover,
.Content .MiddleContainer .contentRightSide h3 a:hover 
{ 
    text-decoration: underline;
}
.Content .MiddleContainer .contentRightSide .TitleBox p {
        font-size: 1.2em;
        font-weight: bold;
    }

/* HOME */
body.Home .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#007BBD !important;}
body.Home .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#0097e8 !important;}
body.Home .Content .MiddleContainer .contentRightSide .TitleBox {
    color: #333; background-color: #fff; border-bottom: 1px #eee solid;
}

body.Home .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Home .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Home .Content .MiddleContainer .contentLeftSide .sub-nav-header  h2
{
    border-bottom: 5px solid #666;
}


/* ABOUT */
body.About .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#627F14 !important; }
body.About .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#82a81a !important; }
body.About .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff }
body.About .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.About .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.About .Content .MiddleContainer .contentLeftSide .sub-nav-header h2
{
    border-bottom: 5px solid #95c11f;
}

/* SCOTLAND'S HEALTH */
body.Scotlandshealth .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#966F00 !important; }
body.Scotlandshealth .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#b48500 !important; }
body.Scotlandshealth .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Scotlandshealth .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Scotlandshealth .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Scotlandshealth .Content .MiddleContainer .contentLeftSide  .sub-nav-header h2
{
    border-bottom: 5px solid #fbba00;
}

/* NEWS AND EVENTS */
body.News .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#8A6A8E !important; }
body.News .Content .MiddleContainer .contentRightSide .MainContentBox a:hover{ color:#a37da8 !important; }
body.News .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.News .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.News .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.News .Content .MiddleContainer .contentLeftSide .sub-nav-header h2
{
    border-bottom: 5px solid #bc90c1;
}

/* TOPICS */
body.Topics .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#007BBD !important; }
body.Topics .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#0097e8 !important; }
body.Topics .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Topics .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Topics .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Topics .Content .MiddleContainer .contentLeftSide  .sub-nav-header h2
{
    border-bottom: 5px solid #009ef3;
}


/* EQUALITIES */
body.Equalities .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#B55F00 !important; }
body.Equalities .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#dd7400 !important; }
body.Equalities .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Equalities .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Equalities .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Equalities .Content .MiddleContainer .contentLeftSide .sub-nav-header h2
{
    border-bottom: 5px solid #ef7d00;
}


/* Resources */
body.Resources .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#288263 !important; }
body.Resources .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#309b76 !important; }
body.Resources .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Resources .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Resources .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Resources .Content .MiddleContainer .contentLeftSide .sub-nav-header h2
{
    border-bottom: 5px solid #38b68b;
}

/* Learning */
body.Learning .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#AC2131 !important; }
body.Learning .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#d0283b !important; }
body.Learning .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Learning .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Learning .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Learning .Content .MiddleContainer .contentLeftSide .sub-nav-header h2
{
    border-bottom: 5px solid #e40520;
}

/* YOUR HEALTH */
body.Yourhealth .Content .MiddleContainer .contentRightSide .MainContentBox a {color: #007BBD !important;}
body.Yourhealth .Content .MiddleContainer .contentRightSide .MainContentBox  a:hover { color:#0097e8 !important; }

body.Yourhealth .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Yourhealth .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Yourhealth .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Yourhealth .Content .MiddleContainer .contentLeftSide  .sub-nav-header h2
{
    border-bottom: 5px solid #666;
}

/* CONTACT US */
body.Contactus .Content .MiddleContainer .contentRightSide .MainContentBox a { color:#007BBD !important; }
body.Contactus .Content .MiddleContainer .contentRightSide .MainContentBox a:hover { color:#0097e8 !important; }
body.Contactus .Content .MiddleContainer .contentRightSide .TitleBox {color: #333; background-color:#fff; }
body.Contactus .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h2,
body.Contactus .Content .MiddleContainer .contentRightSide .MainContentBox div.panel h3,
body.Contactus .Content .MiddleContainer .contentLeftSide  .sub-nav-header  h2
{
    border-bottom: 5px solid #666;
}





/* Section Specific */
/*About*/
.About ul.sideNav a { color:#627F14; }
.About ul.sideNav a:hover { color:#546d12; }


/*Scotlandshealth*/
.Scotlandshealth ul.sideNav a { color:#966F00; }
.Scotlandshealth ul.sideNav a:hover { color:#735500; }

/*News and events*/
.News ul.sideNav a { color:#8A6A8E; }
.News ul.sideNav a:hover { color:#6c536f; }


/*Topics*/
.Topics ul.sideNav a { color:#007BBD; } 
.Topics ul.sideNav a:hover { color:#006499; } 

/*Equalities*/
.Equalities ul.sideNav a { color:#B55F00; } 
.Equalities ul.sideNav a:hover { color:#8a4800; } 

/*Resources*/
.Resources ul.sideNav a { color:#288263; } 
.Resources ul.sideNav a:hover { color:#226f55; } 

/*Learning*/
.Learning ul.sideNav a { color:#AC2131; } 
.Learning ul.sideNav a:hover { color:#8c1b28; } 

/*Your Health*/
.Yourhealth ul.sideNav a { color:#666666; } 
.Yourhealth ul.sideNav a:hover { color:#333333; } 

/*Contacts*/
.Contactus ul.sideNav a { color:#666666; } 
.Contactus ul.sideNav a:hover { color:#333333; } 


/* HIDE box  */

.MainContentBox .panel {
border:none;
-webkit-box-shadow: none;
box-shadow:none;
}

/* Hide extra Home item on breadcrumb navigation on pages in home section */
body.Home ul.breadCrumbNav li.homeItem {
    display: none;
}
