/* static dashboard component styling */



#Dashboard {

	float: right;

	overflow-x: hidden;

	display:inline;

	/*background-color:#CC00FF;*/

	/*background-color: #e9e9e9;*/

	}



	

#Dashboard #activeDashboardSmall{

	overflow:hidden;

	width: 160px;

	margin:0px;

	padding:0px;

	}

	

#Dashboard button{

	margin-left:0px;

	}



#Dashboard * p{

	margin:0px;

	padding:0px;

	}



#dashboardLayout {

	overflow-x: hidden;

	width: 160px;

}



#Dashboard #activeDashboardSmall * h1, #Dashboard #activeDashboard * h1{

	color:#DD0000;

	font-size: 100%;

	text-align: left;

	}



#Dashboard * a{

	color:#333333;

	text-decoration:none;

	}



#Dashboard * a:hover{

	text-decoration:underline;

	color:#000066;

	}



#Dashboard .staticDashboardComponent{

	width:300px;

	overflow:hidden;

	}



#Dashboard #activeDashboardSmall .staticDashboardComponent{

	width:160px;

	font-size: 80%;

	/*margin-right: 10px;*/

	}



#Dashboard .staticDashboardComponent .staticComponentHeader{

	background-image:url(../images/background_top.jpg);

	background-position:top left;

	background-repeat:no-repeat;

	height:9px;

	}



#Dashboard #activeDashboardSmall .staticDashboardComponent .staticComponentHeader{

	background-image:url(../images/background_top_small.jpg);

	}



#Dashboard .staticDashboardComponent .staticComponentHeaderLight{

	background-image:url(../images/lightbackground_top.jpg);

	background-position:top left;

	background-repeat:no-repeat;

	height:35px !important;

	height:44px;

	font-size: 80%;

	}

	

#Dashboard .staticDashboardComponent .staticComponentMain{

	background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px ;

	/*margin-top: -10px;*/

	padding-bottom: 0px;

	}

	

#Dashboard .staticDashboardComponent .dashboardDiv {

background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px !important;

	margin-top: -10px;

	padding-bottom: 0px;

}

	

#Dashboard #activeDashboardSmall .staticDashboardComponent .staticComponentMain{

	background-image:url(../images/background_middle_small.jpg);

	width: 160px;

	margin-top: -2px !important;

	margin-top:0px;

	}



/*#dashboardDiv {

	background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px !important;

	margin-top: -10px;

	padding-bottom: 10px;

}	*/



#myStories1 {

	background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px !important;

	margin-top: -10px;

	padding-bottom: 10px;

}	



#myDiscussions {

	background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px; /*!important;

	margin-top: -10px;*/

	padding-bottom: 10px;

}



#myStories {

	background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px; /*!important;

	margin-top: -10px;*/

	padding-bottom: 10px;

}





#myBlogs {

	background-image:url(../images/background_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px; /*!important;

	margin-top: -10px;*/

	padding-bottom: 10px;

}





#Dashboard .staticDashboardComponent .staticComponentMainLight{

	background-image:url(../images/lightbackground_middle.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	margin-top:0px !important;

	margin-top: -10px;

	padding-bottom: 10px;

	}

	

	

#Dashboard .staticDashboardComponent .staticComponentFooter{

	background-image:url(../images/background_bottom.jpg);

	background-position:bottom left;

	background-repeat:no-repeat;

	height:8px;

	padding-top: 5px;

	}



#Dashboard #activeDashboardSmall .staticDashboardComponent .staticComponentFooter{

	background-image:url(../images/background_bottom_small.jpg);

	width: 160px;

	}



#Dashboard #activeDashboard .staticDashboardComponent .staticComponentFooter{

	height: 8px;

	}



/*#activeDashboard .staticComponentFooter .buttonText{

	width: 110px;

	}



#activeDashboard .staticComponentFooter .button{

	width: 130px;

	}

*/



#Dashboard .navFooterButton a{

	/*font-size: 55%;*/

	}



#Dashboard .staticDashboardComponent .staticComponentFooterLight{

	background-image:url(../images/lightbackground_bottom.jpg);

	background-position:bottom left;

	background-repeat:no-repeat;

	height:44px;

	text-align: left;

	font-size:80%;

	/*width: 300px;*/

	}





#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentPicLeft{

	float:left;

	width: 80px;

	background-image:url(../images/mysunlogo.gif);

	background-position:5px 0px;

	background-repeat:no-repeat;

	padding-top: 20px;

	margin-left: 10px!important;

	margin-left:5px;

	}



#Dashboard .activeComponentPicLeft{

	background-image:url(../images/mysunlogo.gif);

	background-position: 5px 0px !important;

	background-position: 5px 5px;

	background-repeat: no-repeat;

	float: left;

	width:85px;

	margin-left: 5px;

	padding-top: 20px;

	/*font-size: 70%;*/

	font-weight:bold;

	}



/* remove the padding at the top so that log out can sit up there */

#Dashboard #activeDashboardSmall .activeComponentPicLeft{

	padding-top: 0px;

	}



#Dashboard #activeDashboardSmall .activeComponentPicLeft{

	width:150px;

	}



#Dashboard .activeComponentPicWrapper{

	width:70px;

	padding:8px;

	background-image:url(../images/global/profileWrapperSmall.gif);

	position:top left;

	background-repeat:no-repeat;

	}



/* make the image float to the left so that the heading can float to the right of it */

#Dashboard #activeDashboardSmall .activeComponentPicWrapper{

	float: left;

	}



#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight{

	float:right;

	width: 185px;

	margin-right:5px !important;

	margin-right:2px;

	padding-top: 20px;

	background-image:url(../images/yournews.jpg);

	background-position:top right;

	background-repeat:no-repeat;

	font-size: 70%;

	text-align: left;

	}

	

#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight a{

	display:block;

	text-align:left;

	}	



#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight p {

	font-size: 100%;

}



#Dashboard .activeComponentTextRight{

	float:right;

	width: 185px;

	margin-right:10px;

	padding-top: 5px;

	font-size: 70%;

	font-weight:bold;

	text-align:left;

	}



#Dashboard .activeComponentTextRight a{

	display:block;

	cursor:pointer;

	background-image:url(../images/global/arrowYellow.gif);

	background-position: 3px 3px;

	background-repeat:no-repeat;

	padding-left:10px;

	}

	

#Dashboard #activeDashboardSmall .activeComponentPicLeft a{

	display:block;

	cursor:pointer;

	color: #DD0000;

	float:left;

	}



/* position the username */

#Dashboard #activeDashboardSmall .activeComponentUser{

	margin-top: 10px;

	margin-left: 5px;

	color: #cc0000;

	text-align: left;

	}



#Dashboard .activeComponentUser p{

	display:inline;

	color:#333333;

	font-size:100%;

	}

	

#Dashboard .activeComponentLogOut{

	background-repeat: no-repeat;

	float:right;

	padding-right: 4px;

	padding-left: 4px;

	color: #454545;

	}



#Dashboard .activeComponentTextRight {

	text-align:left;

}

	

#Dashboard .activeComponentTextRight h1{

	margin-top: 5px;

	margin-bottom: 5px;

	}

	

#Dashboard #activeDashboardSmall .activeComponentPicLeft h1{

	float: right;

	margin-top: 10px;

	width: 60px;

	}



#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight b{

	text-align: left;

	font-size: 115%;

	}



	

#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight p{

	text-align: left;

	margin:0px;

	padding:0px;

	margin-bottom: 5px !important;

	margin-bottom: 0px;

	font-size: 110%;

	}



#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight a{

	/*font-size:70%;*/

	color:#333333;

	background-image:url(../images/arrowYellow.gif);

	background-position: 3px 3px;

	background-repeat: no-repeat;

	padding-left: 10px;

	text-decoration:none;

	font-weight:bold;

	}



#Dashboard .staticDashboardComponent .staticComponentMain .staticComponentTextRight a:hover{

	text-decoration:underline;

	color:#000066;

	}



#Dashboard .button{

	margin-left:120px;

	margin-top: -15px;

	padding-bottom: 10px;

	}



#Dashboard .staticComponentFooter .button{

	margin:0px;

	/*font-size:65%;*/

	}

	

#Dashboard .loginbutton{

	float:right;

	padding-bottom: 10px;

	}



#Dashboard .staticDashboardComponent .staticComponentMain .button a{

	background-image:none;

	padding-left:0px;

	}



#Dashboard .staticDashboardComponent .staticComponentHeaderLight a{

	/*font-size:70%;*/

	color:#333333;

	background-image:url(../images/arrowYellow.gif);

	background-position: 3px 3px;

	background-repeat: no-repeat;

	padding-left: 10px;

	text-decoration:none;

	font-weight:bold;

	float:right;

	margin-top: 10px;

	margin-right: 5px;

	}



#Dashboard .staticDashboardComponent .staticComponentHeaderLight a:hover{

	text-decoration:underline;

	color:#000066;

	}



#Dashboard .staticDashboardComponent .staticComponentMainLight{

	font-size:70% !important;

	font-size: 90%;

	font-weight:bold;

	padding-top: 10px;

	padding-left: 10px;

	}

	

#Dashboard .staticDashboardComponent .staticComponentMainLight .staticComponentSingleEntry{

	margin-bottom: 10px;

	}

#Dashboard .staticDashboardComponent .staticComponentMainLight .staticComponentSingleEntry p{

	font-size: 100% !important;

	font-size: 80%;

	float: left;

	margin-top: 5px;

	}

	



#Dashboard .staticDashboardComponent .staticComponentMainLight input{

	float: right;

	display:block;

	margin-right: 10px;

	margin-top: 5px;

	width: 180px;

	}

	

	

#Dashboard .staticDashboardComponent .staticComponentFooterLight .buttonContainer{

	/*clear:both;*/

	width: 100px;

	margin-top: -10px !important;

	margin-top:0px;

	margin-right: -20px !important;

	margin-right:0px;

	/*margin-left:200px;*/

	}

	

#Dashboard #loginDiv .buttonContainer{

	/*clear:both;

	width: 100px;

	margin-left:0px;*/

	}





#Dashboard .staticDashboardComponent .staticComponentFooterLight .buttonContainer .buttonText{

	width: 60px;

	}	



	

#Dashboard .staticDashboardComponent .staticComponentFooterLinks a{

	display:block;

	color:#333333;

	background-image:url(../images/arrowYellow.gif);

	background-position: 3px 3px;

	background-repeat: no-repeat;

	padding-left: 10px;

	text-decoration:none;

	font-weight:bold;

	margin-right: 5px;

	/*font-size: 65%;*/

	}



#Dashboard .staticDashboardComponent .staticComponentFooterLinks a:hover{

	text-decoration:underline;

	color:#000066;

	}

	

#Dashboard .staticDashboardComponent .staticComponentFooterLinks{

	width: 175px;

	padding-left: 10px;

	padding-top: 5px;

	float: left;

	}

	

#Dashboard .buttonContainer{

	margin:0px;

	padding-top:20px;

	/*float:none;*/



	display:block;

	/*margin-left:90px;*/

	}



#Dashboard #loginDiv .buttonContainer{

	/*margin-top: -8px !important;

	margin-top: -10px;*/

	}

	

	

	

#Dashboard .buttonContainer .button{

	width:110px;

	/*margin-left:40px;*/

	}

	

#Dashboard .navSubTitle{

	width:290px;

	padding-left: 5px;

	background-image:url(../images/headLine.gif);

	background-position:bottom left;

	background-repeat:no-repeat;

	}

	

#Dashboard .navSubTitle h1{

	float: left;

	margin:0px;

	padding:0px;

	color: #DD0000;

	font-size: 120%;

	font-style:italic;

	margin-left: 5px;

	}

	

#Dashboard .navSubTitle .navSubTitleRule{

	width: 60px;

	float: left;

	height: 20px;

	background-image:url(../images/headLine.gif);

	background-position:bottom right;

	background-repeat:no-repeat;

	}



#myDiscussions .navSubTitleRule{

	width: 20px;

	}



#Dashboard .navSubTitle .navSubTitleCaption{

	font-weight:bold;

	/*font-size: 60%;*/

	color: #454545;

	float: right;

	}

	

#Dashboard #activeDashboardSmall .navSubTitleCaption{

	float:left;

	margin-left: 5px !important;	

	margin-left: 2px;

	}

	

#Dashboard .navSubTitle .navSubTitleCaption b{

	color:#DD0000;

	}

	

#Dashboard .navMainContent{

	background-color: #dadada;

	width: 290px;

	margin-left:5px;

	padding-left: 5px;

	margin-top: 10px;

	padding-bottom: 10px;

	padding-top: 10px;

	text-align: left;

	/*font-size: 65%;*/

	}



#Dashboard #activeDashboardSmall .navMainContent{

	width: 143px;

	}



#Dashboard .navMainContentSml{

	background-color: #dadada;

	width: 270px;

	margin-left:5px;

	padding-left: 5px;

	margin-top: 10px;

	padding-bottom: 10px;

	padding-top: 10px;

	text-align: left;

	/*font-size: 65%;*/

	}



#Dashboard .navMainContent a{

	display:block;

	color:#333333;

	text-decoration:none;

	font-weight:bold;

	padding-left: 10px;

	background-image:url(../images/arrowYellow.gif);

	background-position: 3px 3px;

	background-repeat: no-repeat;

	margin-bottom: 2px;

	}

	

#Dashboard .navMainContent a:hover{

	color:#000066;

	text-decoration:underline;

	}

	

#Dashboard #activeDashboard .navFooterButton{

	float:right;

	margin-right: 10px;

	margin-top: 10px;

	}

	

#Dashboard .activeComponentTextEntry{

	/*font-size: 80%;*/

	width: 180px;

	margin-bottom: 2px;

	}



#Dashboard .activeComponentTextEntry p{

	width: 90px;

	font-size: 100%;

	float:left;

	}

	

#Dashboard .activeComponentTextEntry .activeComponentsHitNumber{

	float:left;

	width: 25px;

	color: #cc0000;

	font-size: 100%;

	font-weight: bold;

	}



#Dashboard .activeComponentTextEntry .activeComponentsDesc{

	font-size: 100%;

	font-weight:normal;

	width: 40px;

	padding-left: 2px;

	float: left;

	}

	

#Dashboard #activeDashboard .navMySunButton a{

	background-image:none;

	margin-left:0px;

	color:#333333;

	}



#Dashboard #activeDashboard .navMySunButton a:hover{

	color:#000066;

	}



#Dashboard #activeDashboard .navMySunButton{

	float:right;

	margin-top:10px;

	}

	

#Dashboard #activeDashboard .navMySunButton .buttonText{

	margin-left:-8px;

	}



#Dashboard .mySunBtn {

	float: right;

	}

	

#Dashboard .dasboardBtmSml {

	margin-left: -1px;

	}

	

#Dashboard .smlDash {

	/*font-size: 70%;*/

	}

	

#Dashboard .rightPadding {

	margin-right: 5px;

	}

	

#Dashboard .leftPadding {

	margin-left: 0px;

	}



#Dashboard .dashBoardHdr {

	color: #cc0000; font-size: 90%; font-weight: bold; font-style: italic; text-align: left; margin-left: 5px;

	}



#Dashboard p.dashb {

	font-weight: bold; /*font-size: 70%;*/ text-align: left; padding-left: 13px; padding-top: 5px;

	width: 100px !important;

	/*width: 105px;*/

	}

	

#Dashboard .smlBackground {

	background-image: URL(../images/dashboardSmlBackground.jpg);

	}

	

#Dashboard a {

	cursor: pointer;

	}



#Dashboard .small {

	/*font-size: 70%;*/

	float: left;

	padding-left: 17px;

	}

	

/*.h2 {float: left; background: #eaeaea; margin: 0; padding: 0; color: #cc0000; font-size: 95%; font-style: italic; font-weight: bold;}

.readers {font-weight: bold; color: #333333; border-bottom: 1px solid #ff9900; text-align: right; font-size: 65%; padding-top: 3px;}*/





/* Static Dashboard 160 Content */

/* 27/09/06 changed staticdashboard160 from id to class */ 

.right .staticDashboard160 {

	/*width: 165px;*/

	width: 160px;

	height: 230px;

	margin-bottom: 10px;

	background-image: URL(../../images/backgroundStatic160.jpg);

	background-repeat: no-repeat;

	text-align: left;

	}

	

#Dashboard .staticDashboard160 .buttonContainer{

	width: 60px !important;

	float:right;

	margin-right: -40px !important;

	margin-right: 0px;

	margin-top: -5px;

	}



#Dashboard .staticDashboard160 form .buttonContainer{

	margin-top: 0px !important;

	margin-top: 5px;

	padding-top:0px;

	}





.right .staticDashboard160 .buttonContainer .buttonLeft {background-image:url(../images/global/g_lhs.gif);}

.right .staticDashboard160 .buttonContainer .buttonRight {background-image:url(../images/global/g_rhs.gif);}

.right .staticDashboard160 .buttonContainer .buttonText {background-image:url(../images/global/g_mid.gif);}



.right .staticDashboard160 .mySunLogoStrapline {

	padding-left: 12px;

	padding-top: 7px;

	text-align: left;

	}



.right .staticDashboard160 .contentHolder {

	padding-top: 10px;

	padding-left: 12px;

	text-align: left;

	font-weight: bold;

	color: #454545;

	font-size: 75%;

	}



.right .staticDashboard160 .contentHolder2 {

	padding-top: 18px;

	padding-left: 12px;

	text-align: left;

	font-weight: bold;

	color: #454545;

	font-size: 70%;

	}

	

.right .staticDashboard160 .contentHolder3 {

	padding-top: 0px;

	padding-left: 18px;

	text-align: left;

	font-weight: normal;

	color: #454545;

	font-size: 75%;

	line-height:1;

	}

	

/* Dashboard Intergration Work  */

#Dashboard .dataItem {

	background-image: URL("../images/background_middle.jpg;");

}





.right .staticDashboard160 .contentHolder3 td {

	font-size: 100%;

	}

	

.right .staticDashboard160 .contentHolderImg {

	padding-top: 5px;

	padding-left: 12px;

	text-align: left;

	font-weight: bold;

	color: #454545;

	/*font-size: 65%;*/

	}



#Dashboard a {

	color: #454545;

	text-decoration: none;

	}



#Dashboard a:hover {

	color: #000066;

	text-decoration: underline;

	}

	

#Dashboard .dashboardInput {

	margin-left: 12px;

	width: 120px;

	}



#Dashboard .btnSpacer {

	padding-top: 13px;

	margin-right: 3px;

	}

	

#Dashboard .buttonText {

	font-size: 9px;

	}



#Dashboard .buttonTextDynamic {

	font-size: 9px;

	}



#Dashboard .dashboardTableLayout {

	font-size: 100%;

}



.activeComponentLogOut a {

	color: #454545 !important;

	font-size: 110%;

}



.activeComponentTextRight h1 {

	font-size: 140% !important;

}



.activeComponentTextRight .activeComponentUser {

	color: #cc0000 !important;

	font-size: 130% !important;

	float: left;

}