﻿
/* Style sheet for Skin skin file */
/*@import "menu2.css";*/
@import "menu.css";
@import "sidemenu.css";
@import "submenu.css";

.DNNEmptyPane{*height:0;}   /*New for DNN 4.9.3 */

/*#body */
#Body
{
	background-image:url(images/bodybglblue.jpg); 
	background-repeat:repeat-y;
	background-color:#97bada;       /*#ccc;*/
	/*background-image:url(images/bg.jpg); 
	background-repeat:repeat;
	/*text-align: center;*/
	font-size:medium;
}
body /*background for iframes - i.e. Rich Text Editor */
{
	background-image:none;  
	background-color:Transparent;	
	text-align: left;
}
.CommandButton {font-size:11px;}
.pagemaster
{
	width: 960px;
	margin: 0px auto;
	padding-top:10px;
	padding-bottom:20px;
}
.controlpanelbar
{
    background-color: #F8F6FB;
    border:0;
}
.dropshadow
{
	width:962px;
	float:left;
    display:block; 
    background-color:#444;/**/ 
    border:1px solid #888; 
    position:relative;
    left:2px;
    top:2px;
}
.skinmaster
{
	width:960px;
	float:left;
    background-color:#fff;/**/
    border:1px solid #555; 
    position:relative;
    left:-2px;
    top:-2px; 
    text-align:left;
	font-family: Arial, Verdana,Tahoma, Helvetica;
	/*border:1px dashed red;*/
}

a.LightBG:link,
a.LightBG:active,
a.LightBG:visited,
a.LightBG:hover
{
	color:#888;	
    text-decoration:none;
    font-family:arial, verdana, Tahoma;
    font-size:11px;
    padding:5px;
}
a.LightBG:hover
{
	color:#f00;
}

.mainpane
{
    float:left;
    display:inline;
    width:100%;
    margin-bottom:20px;
    background-image:url(images/SSS-logo.jpg);
    background-position:754px bottom;	/* Opera needs values in this order */
    background-repeat:no-repeat;
    /*border:1px dashed red;*/
}

/*.mainpane div{border:1px dashed red;}
.mainpane div{background-color:#ddd;}*/

.leftpanel{width:312px;float:left;display:inline;}
.rightpanel{width:648px;float:left;display:inline;}

.leftheader
{
	height:180px;
	background-color:#669999;
	/*background-image:url(images/leftheader.jpg);*/
	background-image:url(images/leftheaderBL.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:20px 0px 0px 40px;
}
.rightheader
{
	height:230px;
	background-color:#669999;
	/*background-image:url(images/rightheader.jpg);*/
	background-image:url(images/rightheaderBL.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.homelink
{
	display:block;
	width:20px;
	height:20px;
	/*color:#fff;
	padding-left:30px;
	font-family:Tahoma, Serif;
	font-size:10px;
	vertical-align:bottom;*/
	background-image:url(images/house.png);
	background-position:left center;
	background-repeat:no-repeat;
	/*border:1px solid white;*/
	
	/* IE6 hack for PNG file */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/15/Skins/SSS/images/house.png',sizingMethod='crop');
}
.homeintro
{
	font-family:Tahoma, Serif;
	font-size:20px;
	letter-spacing:1px;
	color:#e0ebf5;
	/*padding-top:10px;*/
	/*border:1px dashed yellow;*/
}
.menubar
{
	height:33px;
	padding-top:20px;
	position:relative;
	z-index:100;
}
.headerpic
{
    float:left;
    position:relative;
	width:585px;
	height:174px;
	border:3px solid white;
	background-color:white;
	background-image:url(banners/holly.jpg);
	background-position:top left;
	/*background-repeat:no-repeat;*/
}
.styleswitcher
{
	position:relative;
	width:20px;
	height:80px;
	float:left;
	margin:72px 0 0 20px;
	font-size:0;
	/*border:1px dashed yellow;*/
}
#dnn_SKINPREFS_TextSmall{display:none;}
#dnn_SKINPREFS_TextMedium{display:block;position:absolute;top:0;left:0;}
#dnn_SKINPREFS_TextLarge{display:none;}

#Banner,
#BannerBackground
{
    position:absolute;
	width:585px;
	height:174px;
}
.strapline
{
    position:absolute;
	width:100%;/**/
	color:#fff;
	font-family:Verdana, Tahoma, Serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;   /*22px;*/
	margin-top:72px;    /*77px;*/
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
.strapline span
{
	height:18px;
	padding:1px 10px 3px 10px;
	background-color:#666;
	/*border:1px dashed yellow;*/
}

.leftpane
{
    float:left;
    display:inline; /*this fixes the Doubled Float-Margin Bug problem in IE6 */
    width:252px;
    _height:270px;      /*370px;*/
    min-height:270px;   /*370px;*/
    margin-left:40px;
    padding-bottom:100px;   /* space for casestudybox */
    /*margin-right:20px;
    /*overflow-x:hidden;
	/*border:1px dashed blue;*/
}
.centerpane
{
    float:left;
    width:446px;
}
.toppane
{
    margin: 0px 22px 0px 0px; /*this allows for borders in Edit mode when using Firefox */
    _margin: 0px 26px 0px 0px; /*this allows for borders in Edit mode when using IE6 */
}
.contentpane
{
    float:left;
    display:inline; /*this fixes the Doubled Float-Margin Bug problem in IE6 */
    width: 200px;	/*420px;*/
    /*_height:340px;
    min-height:340px;*/
    margin: 10px 20px 0px 0px; /*this allows for borders in Edit mode when using Firefox */
    _margin: 10px 16px 0px 0px; /*this allows for borders in Edit mode when using IE6 */
    /*_margin: 0px 30px;*/
    /*overflow-x: hidden;*/
	/*border:1px dashed red;*/
}
.midpane /*{display:none;}*/
{
    float:left;
    display:inline; /*this fixes the Doubled Float-Margin Bug problem in IE6 */
    width: 200px;
    /*_height:340px;
    min-height:340px;*/
    margin: 10px 20px 0px 0px; /*this allows for borders in Edit mode when using Firefox */
    _margin: 10px 16px 0px 0px; /*this allows for borders in Edit mode when using IE6 */
    /*_margin: 0px 30px;
    overflow-x: hidden;*/
	/*border:1px dashed red;*/
}
.rightpane
{
    float:right;
    display:inline; /*this fixes the Doubled Float-Margin Bug problem in IE6 */
	width:140px;
    _height:340px;		/*265px;*/
    min-height:340px;	/*265px;*/
    margin-right:60px;
    margin-bottom:80px;
    /*overflow-x:hidden;
    /*overflow-y:visible;*/
    /*margin-bottom:75px;
    /*background-image:url(images/SSS-logo.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;*/
}
.credits
{
	width:100%;
	float:left;
	background-color:#000;
	color:#999;
	font-family:Verdana, Arial, Tahoma ;
	font-size:9px;
	padding-top:5px;
	padding-bottom:8px;
	text-align: center;
}	
.credits strong {color:#ccc;}/**/
.credits2
{
	width:100%;
	float:left;
	color:#666;
	font-family:Verdana, Arial, Tahoma ;
	font-size:9px;
	padding-top:5px;
	padding-bottom:8px;
	text-align: center;
}	
.loginbox{float:left;}




/* temp stuff */
.searchbox
{
	margin:0px 0px 10px 0px;
	/*border:1px dashed red;*/
}
.searchbox div
{
	padding:0px 3px 0px 5px;
    background-color:#ddd;
    border-left:10px solid #aaa;
}
.SearchTextBox
{
    width:200px;	/*80px;*/
    /*height:16px;*/
	color:#333;			/*	78a7d4;/*light blue*/
    font-family: Trebuchet MS, Trebuchet;
    font-size:11px; /*small;*/
    font-weight:bold;
    text-align:right;
    /*margin:6px 4px 2px 2px;*/
    margin:0;
    /*padding:1px;*/
    vertical-align:middle;
    /*padding-right:12px;
    padding-left:2px;
    margin-left:10px;*/
    background-color:transparent;/**/
    border:0px solid transparent;/**/
}
a.GoLink, 
a.GoLink:link,
a.GoLink:visited,
a.GoLink:active,
a.GoLink:hover
{
	color:#333;
	font-family:Arial, Tahoma, Verdana, Sans-Serif;
    font-size:16px;
	font-weight:bold;
	text-decoration:none;
    vertical-align:middle;
}
.pinkbox
{
    position:relative;
	height:70px;
	background-image:url(images/Pink-news-box.jpg);
    background-position: center top;
	background-repeat:no-repeat;
	padding: 15px;
	width:222px;   
	font-family:Arial, Verdana, Tahoma, Serif;
	font-size:10px;
	color:#9f6f6d;
    margin-bottom: 15px;
    text-align: right;
    overflow: hidden;
	/*border:1px dashed red;*/
}
#dnn_skinyFeeder_upPanel
{
    position:relative;
    width:222px;
    height:70px;
    padding:0;
    background-color: Transparent;
    float:right;/**/
}
#dnn_skinyFeeder_upPanel img
{
    /*display:none;*/
    position:absolute;
    top:0; 
    left:0; 
    border:0 !important;
    width:70px !important;
    height:70px !important;
}
.fadeframe
{
    position:absolute;
    top:15px;
    left:15px;
    width:70px;
    height:70px;
    background-image:url(images/fadeframe.png);
    background-position:top left;
    background-repeat:no-repeat;

	/* IE6 hack for PNG file */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/15/Skins/SSS/images/fadeframe.png',sizingMethod='crop');
	/*_border:1px dashed red;*/
}
/*#dnn_skinyFeeder_storytxt,
.pinkbox div 
{
    background-color: Transparent;
}*/

.smhpbox,
.casestudybox
{
    position:absolute;
    bottom:50px;
    left:0;
	width:252px;
	height:100px;
	/*padding-top:10px;*/
	/*text-align:right;*/
	margin-left:40px;
	/*border:1px dashed red;*/
}
.smhpbox
{
	width:222px;
	height:70px;
	text-align:right;
	color:#0066cc;  /*#6699cc;*/
	font-family:Arial, Verdana, Tahoma, Serif;
	font-size:10px;
	line-height:11px;
	padding:15px;
	/*background-image:url(images/smhppatch.jpg);*/
	background-image:url(images/SMHP-news-box.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.casestudybox p
{
	float:right;
	text-align:right;
	font-family:Arial, Verdana, Tahoma, Serif;
	font-size:10px;
	margin:0;
	padding:58px 10px 0px 0px;
}
.casestudybox p .sectorname {color:#000;}
.casestudyicon
{
	width:62px;
	height:100px;
	float:right;
	background-color:#669999;
	background-image:url(images/casestudy_icon.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	/*border:1px dashed red;*/
	
	/* IE6 hack for PNG file */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/15/Skins/SSS/images/casestudy_icon.png',sizingMethod='crop');
}




.rightpane {_overflow-x:hidden;}
.rightpane .udtMacSliderDescription .udtMacSlider_URL
{
	font-size:10px;
}
