/*****************************************


/* This file should contain the path 


/* to all element stylesheets 


/*****************************************/


 


/* @include url(/Elements/Box/Box.css); */


.box


{


	background: #f5f6e5 url(/Elements/Box/top.gif) no-repeat 0 0;


}





.boxHead


{


	padding: 5px 10px 0;


}





.boxBody


{


	background: transparent url(/Elements/Box/bottom.gif) no-repeat 0 100%;


	padding: 10px;


}  


/* @include url(/Elements/BreadCrumb/BreadCrumb.css); */


#BreadCrumbRegion


{


	padding-bottom: 10px;


}


#BreadCrumbRegion .breadcrumb


{


	color: #666;


	margin: 0;


}


.breadcrumb .separator


{


	margin: 0 .3em;


} 


/* @include url(/Elements/Common/Base.css); */


/******************************************************


/* Base.css


/* This stylesheet contains the default styling 


/* of html elements and general classes used 


/* throughout the project.


/*


/* Don't add control, framework, template 


/* or contentblock specific classes to this file! 


/*****************************************************/





body, form, h1, h2, h3, h4, h5, h6, h6, p, img, blockquote


{


	margin: 0;


	padding: 0;


}





body, td, th


{


	color: #333;


	font-family: Arial, Tahoma, Helvetica, Sans-Serif;


}





html


{


	font-size: small;


}





body


{


	font-size: 92.5%;


	line-height: 1.455;


}


body.Larger


{


	font-size: 107.7%;


}


body.Largest


{


	font-size: 123.1%;


}





p


{


	margin-bottom: 10px;


}





.ingress


{


	font-weight: bold;


	margin-bottom: 10px;


}





.category


{


	color: #666;


	text-transform: uppercase;


	font-size: .8em;


}





.dateLabel


{


	font-size: .8em;


	color: #666;


}





a.blockLink,


a.blockLink:visited


{


	font-weight: bold;


	float: right;


}





span.action 


{


	color: #a0a400;


	cursor: pointer;


}





/******************************************************


/* Headings


/*****************************************************/


h1, h2, h3, h4, h5, h6


{


	margin-bottom: .3em;


	line-height: normal;


}





h1


{


	color: #666;


	font-size: 240%;


}





h2


{


	color: #666;


	font-size: 130%;


}





h3


{


	color: #666;


	font-size: 110%;


}





h4, h5, h6


{


	font-size: 100%;


}





/*********************************


/ Links 


/********************************/


a


{


	color: #a0a400;


	text-decoration: none;


}





a:hover


{


	color: #a0a400;


	text-decoration: underline;


}





h1 a


{


	color: #666;


}


h2 a


{


	color: #666;


}


h3 a


{


	color: #666;


}


h4 a,


h5 a,


h6 a


{


	color: #333;


}





h1 a:hover,


h2 a:hover,


h3 a:hover,


h4 a:hover,


h5 a:hover,


h6 a:hover


{


	color: #999;


	text-decoration: none;


}





/*********************************


/ Lists 


/********************************/


ul, ol, dl


{


	margin: 0 0 10px;


}





ul, ol


{


	padding-left: 1.5em;


}





li


{


	margin: 0 0 .3em;


	vertical-align: middle;


}





dt


{


	font-weight: bold;


	margin: 0 0 .2em;


	clear: both;


}





dd


{


	margin: 0 0 10px;


}





dl.compact dt


{


	clear: both;


	float: left;


	width: 15em;


}





dl.compact dd


{


	margin-left: 16em;


}





/******************************************************


/* Images


/*****************************************************/


img


{


	border: 0;


}





img.blockImage


{


	display: block;


	line-height: 0;


}





img.leftAligned


{


	float: left;


}





img.rightAligned


{


	float: right;


}





/******************************************************


/* Tables


/*****************************************************/


table


{


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


	border-color: #b5b5b5;


	margin-bottom: 10px;


}





td


{


	border-color: #b5b5b5;


}





/******************************************************


/* Separators


/*****************************************************/


hr


{


	clear: both;


	display: block;


	border-width: 0;


	height: 1px;


	color: #b5b5b5;


	background-color: #b5b5b5;


	margin: 10px 0;


}





/******************************************************


/* Float container fix


/*****************************************************/


.fc:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}





* html .fc


{


	height: 1px;


} 


/* @include url(/Elements/Common/Forms.css); */


/******************************************************


/* This file should only contain basic form styles.


/*


/*****************************************************/


.textBox, 


textarea, 


select,


.stateCtrl input, 


.stateList input,


.button, 


label


{


	vertical-align: middle;


}





input,


textarea,


select, 


option


{


	color: ;


}





/******************************************************


/* BLOCKS


/*****************************************************/


.inputBlock


{


	clear: both;


	margin-bottom: 10px;


}


.altInputBlock


{


	background-color: #f1f3f4;


}





fieldset


{


	padding: 10px;


	border: solid 1px #b5b5b5;


	margin-bottom: 10px;


}





legend


{


	padding: 0 .5em;


	color: ;


}





/******************************************************


/* LABELS


/*****************************************************/


label


{


	line-height: 2.05em;


}





.blockLabel


{


	float: left;


	width: 120px;


	font-weight: bold;


}


.errorInputBlock .blockLabel


{


	color: #c00;


}





.displayLabel


{


	display: block;


	margin-left: 120px;


}





/******************************************************


/* TEXTBOX


/*****************************************************/


.textBox


{


	padding: 2px;


	border: 1px solid #b5b5b5;


	width: 330px;


	font-size: 1.1em;


}


.errorInputBlock .textBox


{


	border-color: #c00;


}





textarea


{


	width: 330px;


	height: 100px;


	overflow: auto;


}





/******************************************************


/* select


/*****************************************************/


select


{


	font-size: 1.1em;


	width: 330px;


	border: 1px solid #b5b5b5;


	padding: 1px;


}





select option


{


}





/******************************************************


/* STATE CONTROLS (checkbox & radiobutton)


/*****************************************************/


.stateList


{


	display: block;


}





.inputBlock .stateList


{


	margin-left: 120px;


}





/******************************************************


/* BUTTONS


/*****************************************************/


.buttonBlock


{


	clear: both;


	margin: 10px 0;


	border-top: 1px solid #b5b5b5;


	padding-top: 5px;


}


.buttonBlock .button


{


	display: inline;


	float: right;


}





.buttonBlock .button,


.inputBlock .button


{


	margin-left: 5px;


}





.buttonBlock .button:hover,


.inputBlock .button:hover


{


	opacity: .8;


	filter: alpha(opacity=80);


}








/******************************************************


/* ERRORS


/*****************************************************/


.errorLabel


{


	color: #c00;


	display: block;


}





.errorList


{


	margin-left: 120px;


}





.errorList ul


{


	color: #c00;


	list-style-type: none;


	margin: 0;


}





.errorIndicator


{


	color: #c00;


	margin-left: 5px;


	vertical-align: top;


}








/******************************************************


/* CLEAR SPACER


/*****************************************************/


.inputBlock:after


{


	content: ".";


	display: block;


	height: 0;


	clear: both;


	visibility: hidden;


}





/* Hides from IE-mac \*/


* html .inputBlock


{


	height: 1px;


	padding-bottom: 1px; /* Fix for dropdown so that not bottom-border gets hidden */


}


/* End hide from IE-mac */


 


/* @include url(/Elements/ExpandablePanel/ExpandablePanel.css); */


.exPanel


{


	clear: both;


	margin-bottom: 10px;


}





.exPanel .header


{


	padding: 10px 30px 10px 10px;


	background: #f1f3f4 url(/Elements/ExpandablePanel/Collapsed.gif) no-repeat right center;


	cursor: pointer;


	font-weight: bold;


}





.exPanel .content


{


	padding: 5px 10px;


	background-color: #f1f3f4;


}





/*** EXPANDED ***/


.exPanel-Exp .header


{


	background-image: url(/Elements/ExpandablePanel/Expanded.gif);


}





/*** HOVER ***/


.exPanel-Hover .header


{


	background-color: #e5e6d5;


}





/*** DISABLED ***/


.exPanel-Disabled


{


	color: #aaa;


	cursor: auto;


}


 


/* @include url(/Elements/ExpandablePanelList/ExpandablePanelList.css); */


.exPanelList


{


	clear: both;


}


.exPanelList .exPanel


{


	margin-bottom: 0;


}





/*** ALT ITEM ***/


.exPanelList .alt,


.exPanelList .alt .header,


.exPanelList .alt .content


{


	background-color: #fff;


}





/*** HOVER ***/


.exPanelList .exPanel-Hover .header


{


	background-color: #e5e6d5;


}


 


/* @include url(/Elements/GridView/GridView.css); */


.gridView 


{


	width: 100%;


	border-spacing: 0px;


	empty-cells: show;


	border-collapse: collapse;


}





.gridView caption


{


	text-align: left;


	margin-bottom: .5em;


	font-size: 1.3em;


}





.gridView .header th


{


	text-align: left;


	padding: 2px 5px;


	color: #fff;


	background-color: #647a84;


	border-left: solid 1px #fff;


}





.gridView .footer td


{


	padding: 2px 5px;


	background-color: #ddd;


	color: #333;


}





.gridView td


{


	padding: 2px 5px;


	vertical-align: top;


	border-left: solid 1px #fff;


}


.gridView td.first,


.gridView th.first


{


	border-left-style: none;


}





.gridView tr


{


	background-color: #f1f3f4;


}





.gridView tr.alt


{


	background-color: #fff;


} 


/* @include url(/Elements/IconLink/IconLink.css); */


.iconLink


{


	display: block;


	text-align: right;


}





.iconLink .icon


{


	margin-left: 3px;


}





.iconLink .text


{


	color: #a0a400;


} 


/* @include url(/Elements/LinkDropDown/LinkDropDown.css); */


.linkDropDown


{


	list-style-image: none;


	list-style-type: none;


	background-color: #fff;


	border: solid 1px #b5b5b5;


	margin: 0;


	width: 148px;


}





.linkDropDown li


{


	position: relative;


	cursor: default;


	white-space: nowrap;


	margin: 0;


}





.linkDropDown li span


{


	display: block;


	padding: 2px 15px 2px 5px;


	background: transparent url(/Elements/LinkDropDown/LinkDropDown.gif) right center no-repeat;


	font-weight: bold;


}





.linkDropDown li ul


{


	display: none;


	list-style-image: none;


	list-style-type: none;


	position: absolute;


	width: 148px;


	border: solid 1px #b5b5b5;


	border-top-width: 0;


	margin: 0;


	left: -1px;


	background-color: #fff;


	z-index: 100;


}





.linkDropDown li:hover ul,


.linkDropDown li.hover ul


{


	display: block;


}





.linkDropDown ul li


{


	position: static;


	white-space: normal;


}





.linkDropDown ul li a


{


	display: block;


	padding: 2px 5px;


}





.linkDropDown ul li a:hover


{


	color: #a0a400;


}





/* IE hasLayout Fix \*/


* html .linkDropDown ul


{


	top: 1.6em;


}





* html .linkDropDown li,


* html .linkDropDown ul a  


{ 


	height: 1px; 


}


/* END fix */ 


/* @include url(/Elements/LinkList/IconLinkList.css); */


ul.iconLinkList


{


	list-style-image: none;


	list-style-type: none;


	margin-left: 0;


}





ul.iconLinkList li


{


	list-style-image: none;


	list-style-type: none;


} 


/* @include url(/Elements/LinkList/LinkList.css); */


ul.linkList


{


	list-style: none none;


	padding: 0;


	margin: 0;


}


ul.linkList li


{


	display: inline;


	float: left;


	list-style: none none;


	padding: 0 10px;


	margin: 0;


	border-left: 1px solid #b5b5b5;


}


ul.linkList li.first


{


	border: none;


	padding-left: 0;


}


ul.linkList li.last


{


	padding-right: 0;


}


 


/* @include url(/Elements/PanelList/PanelList.css); */


.panelList


{


	clear: both;


	margin-bottom: 10px;


}





.panelList .listItem


{


	padding: 5px 10px;


	background-color: #eee;


}





.panelList .alt


{


	background-color: #fff;


}





.panelList .header


{


	font-weight: bold;


	background-color: #999;


	color: #fff;


	margin-bottom: 1px;


}





.panelList .footer


{


	background-color: #ccc;


	height: 1.5em;


	margin-top: 1px;


} 


/* @include url(/Elements/TabStrip/TabStrip.css); */


.tabStrip


{


	float: left;


	list-style-image: none;


	list-style-type: none;


	margin: 0;


	padding: 0 0 0 10px;


}





.tabStrip li


{


	float: left;


	list-style-image: none;


	list-style-type: none;


	cursor: pointer;


	cursor: hand;


	padding: 5px 10px;


	margin: 0 1px 0 0;


	border: solid 1px #999;


	border-bottom-style: none; 





	background-color: #ccc;


}





.tabStrip .hover,


.tabStrip .active


{


	color: #fff;


	background-color: #999;


}