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

/* This file should contain the path 

/* to all element stylesheets 

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

.box

{

	background: #eee 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;

}

.breadcrumb

{

	/*margin: 0.5em;*/

	margin:6px 10px 6px 20px;

}



.breadcrumb a

{

	text-decoration: none;

} 



.breadcrumb a:hover

{

	text-decoration: underline;

}



.breadcrumb .separator

{

	margin: 0 .3em;

}/******************************************************

/* 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, Helvetica, Sans-Serif;

}



html

{

	font-size: small;

	min-height: 100%;

}



body

{

	font-size: 85%;

	line-height: 1.455;

	min-height: 100%;

}



form

{

}



p

{

	margin-bottom: 0.5em;

}



.ingress

{

	font-weight: bold;

	margin-bottom: 0.5em;

}



.footnote

{

	font-size: .9em;

	color: #666;

}



.category

{

	color: #666;

	text-transform: uppercase;

	font-size: .9em;

}



.dateLabel

{

	font-size: 0.9em;

	color: #999;

}



span.action

{

	color: #ff9900;

	cursor: pointer;

}

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

/* Float classes

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

.floatLeft

{

	float: left;

}

.floatRight

{

	float: right;

}

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

/* block items

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



.blockItem

{

	display:block;

}

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

/* Headings

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

h1, h2, h3, h4, h5, h6

{

	margin-bottom: .3em;

}



h1

{

	color: #333;

	font-size: 180%;

	font-weight: lighter;

	line-height: 1.2em;

}



h2

{

	color: #333;

	font-size: 150%;

	font-weight: lighter;

	line-height: normal;

	/*padding-top:10px;*/

}



h3

{

	color: #333;

	font-size: 110%;

	line-height: 1.1em;

	font-weight: bold;

	/*padding-top:10px;*/

}



h4, h5, h6

{

	font-size: 100%;

}



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

/ Links 

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

a

{

	color: #ff9900;

	text-decoration:none;

}



a:hover

{

	color: #ff9900;

	text-decoration:underline;

}



a .disabled,

.disabled:hover,

a[disabled="disabled"]

{

	color: #999;

	text-decoration: none;

}



table.generic a

{

	color:#ff9900;

}

table.generic a:hover

{

	color:#ff9900;

}



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

/ Lists 

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

ul, ol, dl

{

	margin: 0 0 0.5em;

}



ul

{

	padding-left: 1.5em;

}



ol

{

	padding-left:2.0em;

}



ul li

{

	margin: 0 0 .3em;

	vertical-align: middle;

	list-style:none url(/Elements/Common/list_level1.gif);

}



ul li li

{

	list-style:none url(/Elements/Common/list_level2.gif);

	vertical-align: middle;

}



.secondLevel li

{

	list-style:none url(/Elements/Common/list_level2.gif);

	margin:0 0 0 15px;

	vertical-align: middle;

}



ul li li li

{

	list-style:none url(/Elements/Common/list_level3.gif);

	vertical-align: middle;

}



dt

{

	font-weight: bold;

	margin: 0 0 .2em;

	clear: both;

}



dd

{

	margin: 0 0 0.5em;

}



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;

}

img.BorderImage

{

	border:solid 1px #eee;

}

img.BORDERIMAGE

{

	border:solid 1px #eee;

}



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

/* Tables

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

table

{

	border-spacing: 0px;

	empty-cells: show;

	border-collapse: collapse;

	border-color: #e2e2e2;

	margin-bottom: 0.5em;

}



td

{

	border-color: #e2e2e2;

}

table.generic td 

{

	border:1px solid #e9e9ea;

	padding:3px;

}



td.generic

{

	border:1px solid #e9e9ea;

	background-color:#f0f9ff;

	padding:5px;

	font-size:1.2em;

}

td.genericsecond

{

	border:1px solid #e9e9ea;

	background-color:#f0f9ff;

	padding:5px;

	font-weight:bold;

}

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

/* Separators

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

hr

{

	clear: both;

	display: block;

	border-width: 0;

	height: 1px;

	color: #e2e2e2;

	background-color: #e2e2e2;

	margin: 5px 0;

}



.DividerContainer

{

	height: 1px;

	width: 100%;

	background-color: #e2e2e2;

	margin-bottom: 7px;

	margin-top: 7px;

	border: none;

}

.DividerContainer hr

{

	display: none;

}



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

/* Float container fix

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

.fc:after

{

	content: ".";

	clear: both;

	display: block;

	visibility: hidden;

	height: 0;

}



* html .fc

{

	height: 1px;

}



.FileIcon

{

	padding: 3px 0px;

}



.FileIcon a

{

	vertical-align: top;

}



.FileIcon img

{

	margin-right: 5px;

}/******************************************************

/* 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: ;

	font-size: 1em;

	line-height: normal;

}



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

/* BLOCKS

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

.inputBlock

{

	clear: both;

	margin-bottom: 5px;

}



fieldset

{

	padding: 10px;

	border: solid 1px #e2e2e2;

	margin-bottom: 0.5em;

}



legend

{

	padding: 0 .5em;

	color: ;

}



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

/* LABELS

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

label

{

/*	line-height: 20px; /* Height of input fields */

}



.blockLabel

{

	float: left;

	width: 120px;

	font-weight: bold;

}



.displayLabel

{

	display: block;

	margin-left: 120px;

}



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

/* TEXTBOX

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

.textBox

{

	padding: 1px;

	border: solid 1px #e2e2e2;

	width: 150px;

}



textarea

{

	width: 250px;

	height: 100px;

	overflow: auto;

}



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

/* select

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

select

{

	width: 150px;

}



select option

{

}



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

/* STATE CONTROLS (checkbox & radiobutton)

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

.stateList

{

	display: block;

}



.inputBlock .stateList

{

	margin-left: 120px;

}



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

/* BUTTONS

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

.buttonBlock

{

	clear: both;

	margin: 0.5em 0;

	text-align: right;

}



.buttonBlock .button,

.inputBlock .button

{

	margin-left: 5px;

}



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

/* ERRORS

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

.errorLabel

{

	color: #f00;

	display: block;

}



.errorList

{

	margin-left: 120px;

}



.errorList ul

{

	color: #f00;

	list-style-type: none;

	margin: 0;

}



.errorIndicator

{

	color: #f00;

	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 */



table td

{

	padding: 2px;

}.exPanel

{

	clear: both;

	margin-bottom: 0.5em;

	border: solid 1px #e2e2e2;

}



.exPanel .header

{

	padding: 5px 10px 5px 20px;

	background-color: #eee;

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

	background-position: 5px center;

	background-repeat: no-repeat;

	cursor: pointer;

}



.exPanel .content

{

	padding: 5px 10px;

	border-top: solid 1px #e2e2e2;

}



/*** EXPANDED ***/

.exPanel-Exp .header

{

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

}



/*** HOVER ***/

.exPanel-Hover .header

{

	background-color: #ddd;

}



.exPanel-ExpHover

{

}



/*** DISABLED ***/

.exPanel-Disabled

{

	color: #aaa;

	cursor: auto;

}

.exPanelList

{

	clear: both;

	margin-bottom: 0.5em;

}



.exPanelList .exPanel

{

	margin-bottom: 0;

	border-bottom-style: none; 

	background-color: ;

}



.exPanelList .exPanel .header

{

}



.exPanelList .exPanel .content

{

	border-top-style: none; 

}



.exPanelList .last

{

	border-bottom-style: solid;

}



/*** ALT ITEM ***/

.exPanelList .alt,

.exPanelList .alt .header

{

	background-color: ;

}



.exPanelList .alt .hover

{

	background-color: #ddd;

}



/*** EXPANDED ***/

.exPanelList .exPanelExpanded

{

}.gridView

{

	width: 100%;

	border-spacing: 0px;

	empty-cells: show;

	border-collapse: collapse;

}



.gridView caption

{

	text-align: left;

	margin-bottom: .5em;

	font-size: 1.4em;

}



.gridView .header th

{

	text-align: left;

	padding: 2px 5px;

	color: #fff;

	background-color: #999;

	border: solid 1px #999;

	border-bottom-style: none;

}



.gridView .footer td

{

	padding: 2px 5px;

	background-color: #ddd;

	color: #333;

	border: solid 1px #e2e2e2;

}



.gridView td

{

	padding: 2px 5px;

	border-right: solid 1px #eee;

	vertical-align: top;

}



.gridView tr

{

	background-color: #fff;

}



.gridView tr.alt

{

	background-color: #eee;

}



.gridView td.first

{

	border-left: solid 1px #e2e2e2;

}



.gridView td.last

{

	border-right-color: #e2e2e2;

}



.gridView tr.last td

{

	border-bottom: solid 1px #e2e2e2;

}



.gridView tr:hover

{

	background-color: #ddd;

}

.iconLink

{

	display: block;

	text-align: right;

	text-decoration: none;

}



.iconLink .icon

{

	margin-left: 3px;

}



.iconLink .text

{

	color: #666;

	text-decoration: underline;

}.linkDropDown

{

	list-style-image: none;

	list-style-type: none;

	background-color: #fff;

	border: solid 1px #e2e2e2;

	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 #e2e2e2;

	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

{

	text-decoration: none;

	display: block;

	padding: 2px 5px;

}



.linkDropDown ul li a:hover

{

	color: #ff9900;

}



/* IE hasLayout Fix \*/

* html .linkDropDown ul

{

	top: 1.6em;

}



* html .linkDropDown li,

* html .linkDropDown ul a  

{ 

	height: 1px; 

}

/* END fix */ul.iconLinkList

{

	list-style-image: none;

	list-style-type: none;

	margin-left: 0;

}



ul.iconLinkList li

{

	list-style-image: none;

	list-style-type: none;

}.panelList

{

	clear: both;

	margin-bottom: 0.5em;

}



.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;

}.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;

}.Form_ErrorMsg{

    display:none;

	color:#EC6C6C;

	padding:2px 5px 2px 20px;

	text-indent:0px;

	background:transparent url(/Elements/Validation/error.gif) no-repeat scroll 0 0;

	margin:0 0 0px 0;

}

label.Form_Error{

    margin:3px 0 0 10px;

    line-height:normal;

	display:none;

	color:#EC6C6C;

	padding:2px 5px 2px 20px;	

	background:transparent url(/Elements/Validation/exclamation.gif) no-repeat scroll 0 0;

	position:absolute;

}

label.Form_Checked{	

    margin:3px 0 0 10px;

	background:transparent url(/Elements/Validation/accept.gif) no-repeat scroll 0px;

	padding:2px 10px;

	border:0px solid;

	position:absolute;	

}

label.Form_Spinner{	

    margin:0 0 0 10px;

	background:transparent url(/Elements/Validation/spinner.gif) no-repeat scroll 0px;

	padding:2px 10px;

}

.errorIndicator{

    display:none;

    position:absolute;

    border:0px solid;    

    padding:3px 0 0 0;

    vertical-align:inherit;

    color:#999;

}

.inputs{

    width:100px;

}

table#id_matrix

{

	width: 100%;

	border-spacing: 0px;

	empty-cells: show;

	border-collapse: collapse;

}



table#id_matrix .bold

{

	font-weight:bold;

}

table#id_matrix td

{

	padding: 5px 5px;

	vertical-align: top;

}



table#id_matrix input

{

	border: 1px solid #bcb9b9;

}

table#id_matrix input[type="submit"]

{

	background: transparent url(/Elements/xForm/xform_buttonback.gif) repeat-x top left;

	color: #666;

	width: 80px;

}

table#id_matrix textarea, table#id_matrix fieldset, table#id_matrix select

{

	border: 1px solid #bcb9b9;

	margin:0pt;

}

table#id_matrix input, table#id_matrix textarea, table#id_matrix select

{

	width: 260px;

}

table#id_matrix label

{

	float: left;

	width: 120px;

}

table#id_matrix fieldset input, table#id_matrix fieldset label

{

	width: 30px;

	vertical-align: middle;

	border: none;

}

table#id_matrix fieldset

{

	width: 240px;

	/*margin-left:120px;*/

}

table#id_matrix fieldset label

{

	float: none;

}

table#id_matrix fieldset input.vote

{

	border: none;

}

table#id_matrix fieldset label

{

	font-weight:normal;

}

table#id_matrix fieldset legend

{

	color:#000;

}

