﻿/* **************************************************

Name: webparts.css
Description: Webparts for custom widgets
Create: 2008.05.XX
Update: 


***************************************************** */


/* content===========================================

[-] Sharepoint Console
[-] Header
[-] Main Navigation
[-] Sub Navigation
[-] Page Tools
[-] Main Content
[-] Side Panel
[-] Right Panel
[-] Footer
[-] Index
[-] Overview
[-] Misc

===================================================== */



/* [-] Sharepoint Console
=========================================================================================== */

#ctl00_AuthoringContainer2 {display:block;position:relative}
.sp_console {font-weight:bold;float:left;padding-top:3px}
.welcome,.mySite,.right{float:right}
.ms-SpLinkButtonInActive, .ms-SpLinkButtonActive{height: 15px;padding-bottom: 3px;padding-top: 0pt;}
.welcome,.mySite {float:right}
.reEditorModes li,.reToolbar li {background-image:none!important}
.reContentCell {padding:5px}
.ms-MenuUIPopupBody {position:relative;z-index:1000}

/* [-] Sub Nav
=========================================================================================== */
#sidePanel {
	float: left; 
	margin:0px;
	position:relative;	
	width:207px;
	margin-right: 20px;
	padding-bottom: 120px; 
	padding-top: 0px;
	background:url('/SiteCollectionImages/templates/sidenavbg.png') #f3f1f1 left bottom repeat-x;	
}
.ie6 #sidePanel {margin-right: 10px}
.panelCurve {background:url('/SiteCollectionImages/templates/lefttopbar.png') top center no-repeat;width:207px;height:22px}
#sidePanel .treeview {list-style:none;margin:0 0 0 13px;}
#sidePanel .treeview li {font-size: 13px;font-weight:bold;line-height: 18px;background: url('/SiteCollectionImages/templates/brown.png') 178px 17px no-repeat;}
#sidePanel .treeview li a, #sidePanel .treeview li span{color:#433000 !important;display:block;padding: 13px 10px 13px 0px!important;cursor:pointer;border-bottom: 1px dotted #d7d7d7}
#sidePanel .treeview li a:hover{border-bottom:1px dotted #d7d7d7}
#sidePanel .treeview li a{}
#sidePanel .treeview ul{padding: 0;margin: 0 !important;list-style:none !important}
#sidePanel .treeview ul li {list-style-type:none; padding:0px;background:none}
#sidePanel .treeview ul li a{font-weight: normal;padding: 10px !important;text-decoration: none;border-bottom: 1px dotted #d7d7d7}
#sidePanel .treeview ul li span{cursor: pointer;font-size: 13px;color: #3A3A3A;background:none !important;margin-left:10px;font-weight:normal !important}

#sidePanel .treeview ul li.selected {color:#fff}
.ie7 #sidePanel .treeview ul li.selected {display: block;}
.ie7 #sidePanel .treeview ul li ul{background:none !important}

.ie6 #sidePanel .treeview ul li.selected  {background: url('/data/resources/images/global/sidenavselected.png') right center no-repeat !important;background-position: -9px 0px;color:#fff}
.ie6 #sidePanel .treeview ul li.selected  a{background:url('/data/resources/images/global/current.png') top left repeat-x;padding-top: 14px;padding-bottom: 13px;color:#fff}
.ie6 #sidePanel .treeview ul li.selected ul li {background: none !important}
.ie6 #sidePanel .treeview ul li.selected ul li a{background: none !important}

#sidePanel .treeview ul li.selected span, #sidePanel .treeview ul li.selected  a {background:none;color:#fff}
#sidePanel .treeview ul li ul{padding: 0 0 0 10px;margin: 12px 0 0 0}
#sidePanel .treeview ul li ul li ul{padding: 0 0 0 15px !important;margin: 12px 0 0 0}
#sidePanel .treeview ul li ul li{color: #EA8400; text-decoration: none;text-transform: capitalize;background:none !important}
#sidePanel .treeview ul li ul li span {padding-left: 10px;font-weight:normal}
#sidePanel .treeview ul li ul li a{list-style: none;font-size: 12px;color: #3A3A3A !important;text-decoration: none;background:none !important;padding-right: 10px; padding-left:0}
#sidePanel .treeview ul li ul li.selected  a {background:none;color:#ea8400 !important}

#sidePanel .treeview ul li ul li.selected span, #sidePanel .treeview ul li ul li.selected  a {background:none;color:#fff}
#sidePanel .treeview ul li ul li ul{padding: 0;margin: 12px 0 0 0;padding-left: 5px;}
#sidePanel .treeview ul li ul li ul li{color: #EA8400; text-decoration: none;text-transform: capitalize;background:none !important}
#sidePanel .treeview ul li ul li ul li a{list-style: none;font-size: 12px;color: #3A3A3A !important;text-decoration: none;background:none !important;padding-right: 10px; padding-left:0}
#sidePanel .treeview ul li ul li ul li.selected  a {background:none;color:#ea8400 !important}



#sidePanel .treeview a:hover{border:none;color: #AA7D08 !important; text-decoration: none}
#sidePanel .treeview span:hover{border:none;color: #AA7D08 !important; border-bottom: 1px dotted #ccc;text-decoration: none}


#sidePanel ul li a.selected{
		font-weight: bold;padding-left: 10px !important;color: #AA7D08 !important;background:#fff;/*background: url('/SiteCollectionImages/templates/sidenavarrow.png') #fff 3px 19px no-repeat;*/
-moz-border-radius: 8px 0 0 8px;
border-radius: 	8px 0px 0px 8px;
}
.webkit #sidePanel .treeview li a:hover{border-bottom:1px dotted #d7d7d7}
#sidePanel ul li.collapsable {background: url('/SiteCollectionImages/templates/brown-hover.png') 175px 18px no-repeat}
#sidePanel ul li.collapsable span{font-weight:bold}
#sidePanel ul li ul li.collapsable {background:none}
#sidePanel ul li.collapsable span{color:#433000 !important}



/************* NEWS STYLE **************/
#highlight_filter{font-size: 13px;border: 1px dashed #CBA543;background:#F2E1B4}
#highlight_filter fieldset{margin-bottom:0;padding-bottom:3px}
#highlight_filter ol{padding:0;margin:0}
#highlight_filter ol select {width: 200px;padding:5px}
.ie #highlight_filter ol select {width: 200px;padding:5px !important}
#highlight_filter ol label {font-weight:bold}

#highlights_overview{font-size: 13px; list-style:none;margin:0;padding:10px 0}
.ie #highlights_overview li {padding:0;margin:0}
.ie #highlights_overview li ul{padding:0;margin:0}
#highlights_overview li {padding: 0px;margin-top:0;border-bottom: 1px dotted #DADADA}
#highlights_overview li ul{list-style:none;padding:5px 0;margin:0;clear:both !important}

#highlights_overview li ul li {padding-top: 5px;border: 0 !important}
#highlights_overview li ul li.newsPic{float:left;}
#highlights_overview li ul li.newsPic img {width: 67px;margin-right: 10px}
#highlights_overview li ul li.newsDate{float:right;margin-top: 4px;margin-right: 8px;text-align:left;font-size: 12px;width:633px;color: #666;font-size: 10px;font-weight: bold;padding-bottom:0;margin-bottom:0}
#highlights_overview li ul li.newsTitle{border-bottom:0;padding: 5px 10px;display:block;margin-left: 70px;font-weight:bold}
#highlights_overview li ul li.newsTitle a:hover{text-decoration: underline}
#highlights_overview li ul li.clear{height:1px !important;padding:0;margin:0;clear:both;visibility:visible}
.ie #highlights_overview li ul li.clear{height:1px !important;padding:0;margin:0;clear:both;visibility:visible}



#year_selection{font-size: 13px;border: 1px dashed #CBA543;background:#F2E1B4;padding: 10px;font-weight:bold}
#year_selection select {width: 200px;padding:5px}

ul.newsListing {width:100%;float:left;list-style-type:none;padding:10px 0 0;margin:0;font-size: 13px;}
ul.newsListing li {padding: 1em 1%; width:98%; float: left;border-bottom: 1px dashed #DDD}
ul.newsListing li span {float: left; width:15%}
ul.newsListing li a {display: block; float:right; width: 85%;color: #007DDD; font-weight:bold}

.ie6 ul#newsListing li {padding: 10px 10px 5px;margin:0}
