body
{
	background: url("/Content/Images/background.jpg") repeat-y scroll center 0 transparent;
	color: #4b697d;
	font-family: arial, Helvetica,sans-serif;    
	font-size: 12px;
	margin:0px;
}
header, footer, nav, section
{
	display: block;
}
h1, .Heading1
{
	font-size: 170%;
	color: #0480A6;
}

.Heading1
{
	float: left;
}

h2
{
	font-size: 150%;
	color: #0480a6;
}

h3
{
	font-size: 130%;
	color: #0480a6;
}

h4
{
	font-size: 115%;
}

hr
{
	background-color: #BEB7B1;
	color: #BEB7B1;
	height: 0px;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset
{
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend
{
	font-size: 1.2em;
	font-weight: bold;
}

textarea
{
	height: 100px;
	min-height: 75px;
	resize: none;
	width: 400px;
}

textarea.short
{
	height: 50px;
	resize: none;
	width: 400px;
}

textarea.answers
{
	height: 80px;
	resize: none;
	width: 100px;
}

.editor-label
{
	margin: 1em 0 0 0;
}

.editor-field
{
	margin: 0.5em 0 0 0;
}

input, select
{
	font-size: 96%;
}

a
{
	color: #261257;
}

a:hover
{
	color: #F68B33;
}

.ui-autocomplete 
{ 
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.ui-datepicker-trigger
{
    margin: 0 0 0 3px;
}

.ui-dialog-buttonset-back
{
    float: left;
}

.dialog-no-close .ui-dialog-titlebar-close {
  display: none;
}



/*Styles for Form layout and format
------------------------------------------------------*/

.MainContent p
{
	/*width: 750px;*/
	width:840px;
}

#TabContent p
{
	width:740px;
}

#QuestionAnswers p
{
	width: auto !important;
}

#QuestionAnswers td
{
	vertical-align: top;
}

.clear
{
	clear: both;
}

.no-overflow
{
	/*overflow-x: hidden;*/
	word-wrap: break-word;
}

.text-stress
{
	font-weight:700;
}

.text-aside
{
    font-style: italic;
}

.text-asideredcolor
{
    font-style: italic;
    color: red;
}

.text-compact
{
	line-height: 5px;
}

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}

.text-warning
{
    color: #FF0000;
}

.text-accepted
{
    color: #008000;
}

.SingleColFields, .WidthColFields, .DoubleColFieldsLeft, .DoubleColFieldsRight
{
	border-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.WidthColFields
{
	width: 100%;
}

.SingleColFields
{
	width: 500px;
}

.DoubleColFieldsLeft, .DoubleColFieldsRight
{
	width: 410px;
}

.DoubleColFieldsLeft
{
	float: left;
}

.DoubleColFieldsRight
{
	float: right;
}

fieldset.SingleColFields Label, fieldset.DoubleColFieldsLeft Label, fieldset.DoubleColFieldsRight Label, fieldset.WidthColFields Label
{
	color: #768299;
	float: left;
	font-weight: bold;
	font-size: 95%;
	margin: 0 5px 1px 0px;
	padding: 0 0 0 5px;
	overflow: auto;
}

.FormTableDataCheckGroup Input[type="checkbox"]
{
	color: #4b697d;
	margin: 0px 5px 0px 0px;
}

TextArea
{
	color: #4b697d;
	font-family: arial, Helvetica,sans-serif;
	font-size: 96%;
	margin: 4px 0px 4px 5px;
}

Select, table.WebGrid select
{
	color: #4b697d;
	margin: 4px 0px 0px 6px;
}

.DataDisplay
{
	display: table-cell;
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	text-align: left;
	vertical-align: middle;
}

.FormTable
{
	display: table;
}

.FormTableRow
{
	display: table-row;
}

.FormTableLabel
{
	background-color: #F5F5F5;
	display: table-cell;
	margin: 0px 5px 0px 0px;
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: White;
	padding: 0px 0px 1px 5px;
	vertical-align: middle;
	width: 150px;
}

.FormTableLabelSmall
{
	background-color: #F5F5F5;
	display: table-cell;
	margin: 0px 5px 0px 0px;
	height: 29px;
	min-width: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: White;
	padding: 0px 0px 1px 5px;
	vertical-align: middle;
	height: 29px;
}

.FormTableLabelLarge
{
	background-color: #F5F5F5;
	display: table-cell;
	margin: 0px 5px 0px 0px;
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: White;
	padding: 0px 0px 1px 5px;
	vertical-align: middle;
	width: 280px;
}

.FormTableLabelFilter
{
	background-color: #F5F5F5;
	display: table-cell;
	margin: 0px 5px 0px 0px;
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: White;
	padding: 0px 0px 1px 5px;
	vertical-align: middle;
	height: 29px;
}

.FormTableLabelEmpty
{
	background-color: #FFFFFF;
	display: table-cell;
	margin: 0px 5px 0px 0px;
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 0px 0px 1px 5px;
	vertical-align: middle;
	min-width: 150px;
}

.FormTableInput
{
	display: table-cell;
	min-height: 29px;
	padding: 0px 0px 1px 5px;
	vertical-align: middle;
	width: auto;
}
.FormTableInputCheckGroup
{
	display: block;
	height: 182px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0px 0px 2px 5px;
	vertical-align: middle;
	width: auto;
}

.FormTableData
{
	display: table-cell;
	min-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 10px;
	text-align: left;
	vertical-align: middle;
	width: auto;
}

.FormTableDataBlock
{
	display:block;
	margin:5px 0px 5px 0px;
	max-height:80px;
	overflow:auto;
	overflow-x:hidden;
}

.FormTableWarning
{
	background-color: #FF0000;
	color: #FFFFFF;
	display: table-cell;
	font-weight: bold;
	min-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 1px 10px;
	text-align: left;
	vertical-align: middle;
}

.ControlWidth
{
	width: 655px;
}

.ControlLarge
{
	width: 230px;
}

.ControlMedium
{
	width: 170px;
}

.ControlSmall
{
	width: 108px; /* Set at 108 to give correct one column--> 2 input split*/
}

.ControlExSmall
{
	margin: 0px 3px 0px 5px;
	width: 70px;
}

.iFrame-display
{
	width: 100%;
	height: 500px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

/* Applied to validation text diplayed on Submit
	Dependent on location, padding may be needed */
.validation-summary-errors
{
	color: #ff0000;
	font-weight: bold;
	margin-left: 0px;
}

div.validation-summary-errors
{
	margin: 10px 0px 15px 0px;
}

.validation-summary-errors ul
{
	list-style: none;
	padding: 0px 0px 0px 2px;
}

.validation-summary-valid
{
	display: none;
}

.RequiredLabel
{
	color: #FF0000;
}


div.dialog-validation
{
	color: #ff0000;
	width: 100%;
	text-align:center;    
}

/* Styles for main body container
-----------------------------------------------------------*/
div.MainContent
{
	float: right;
	margin-top: 15px;
    margin-right: 5px;
	padding-bottom: 20px;
	/*width: 835px;*/
	width:870px;
}

.Caption
{
	font-weight: bold;
	font-size: 100%;
	background-color: #f5f5f5;
}

.Data, .DataRight
{
	font-size: 100%;
	color: black;
}

.DataRight
{
	text-align: right;
}

.ButtonSpacer
{
	margin-right: 50px !important;	
}

.Underline
{
	text-decoration: underline;
	display:inline;
}

.DocumentFrame
{
	width: 830px;
	height: 400px;
	border-width: 1px;
	border-color: black;
	overflow: scroll;
}

.Highlight0
{
	font: normal 8pt arial;
	color: black;
	text-align: right;
	padding: 4px;
}

.Highlight1
{
	font: normal 8pt arial;
	color: black;
	text-align: right;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2pt orange solid;
}

/* Control Sizes */
.DataSmall
{
	width: 100px;
}


.DataMedium
{
	width: 200px;
}

.DataLarge
{
	width: 300px;
}

/* Styles for the top menu bar
-----------------------------------------------------------*/

#container
{
	margin:0px auto;
	text-align: left;
	width: 1000px;
}

#cl_header
{
	height: 200px;
	width: 1000px;
    background-image: url(/Content/Images/banner/LC_banner_v3.png);
	background-repeat: no-repeat;
    left: 0px;
	top: 0px;
}

#cl_menu
{
	width: 100%;
	height: auto;
	position: relative;
	bottom: -164px;
	/*left: 0px;*/
    left: 14px;  /* Moved to accomodate white space in new banner image */
	display: block;
}

#cl_menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#cl_menu ul li
{
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
	background-color: #000000;
}

#cl_menu ul li a
{
	font-family: Arial;
	font-size: 13px;
	position: relative;
	display: block;
	text-decoration: none;
	padding: 6px 9px 6px 15px;
	margin: 0px;
	color: #ffffff;
	float: left;
	cursor: pointer;
	line-height: 1;
}

#cl_menu ul li.cl_selected, #cl_menu ul li.cl_hover
{
	background: url(/Content/Images/banner/selected-left-bg.png) bottom left no-repeat;
}

#cl_menu ul li.cl_next, #cl_menu ul li.cl_next_hover
{
	background: url(/Content/Images/banner/selected-right-bg.png) bottom left no-repeat;
}

.cl_next_hover_selected
{
	background: url(/Content/Images/banner/selected-next-hover-bg.png) bottom left no-repeat;
}

#cl_menu ul li.cl_first_selected, #cl_menu ul li.cl_first_hover
{
	background-color: #0080A6;
}

#cl_menu ul li.cl_next_last
{
	background: url(/Content/Images/banner/selected-right-last-bg.png) bottom left no-repeat;
	height: 25px;
}

#cl_menu ul li.cl_last
{
	background: url(/Content/Images/banner/last-bg.png) top right no-repeat;
	width: 9px;
	height: 25px;
}

#cl_menu ul li.cl_last_hover
{
	background: url(/Content/Images/banner/last-hover-bg.png) top right;
	width: 9px;
	height: 25px;
}

/* Styles for the left side menu container
-----------------------------------------------------------*/
.LeftMenu
{
	padding-left: 15px;
}

.LeftMenu li
{
	list-style: none;
	margin-top: 10px;
}

.LeftMenuText, .LeftMenuTextActive
{
	font-size: 110%;
	color: #0480a6;
	cursor: pointer;
	text-decoration: none;
}

.LeftMenuTextActive
{
	border-bottom: 1pt solid #f68b33;
	color: #f68b33;
	display: block;
}

.LeftMenuText:hover
{
	color: #f68b33;
	background-color: transparent;
	text-decoration: underline;
}

div.LeftMenu
{
	float: left;
	margin-top: 15px;
	/*width: 135px;*/
	width:100px;
}
ul.level0
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

ul.level0 ul
{
	padding: 0px 0px 0px 14px;
}

ul.level1
{
	margin: 10px;
	padding: 0px;
	font-size: 10px;
}

/* Styles for the view header blocks
-----------------------------------------------------------*/

.content-head
{
	padding: 4px 0px 4px 0px;
	/*width: 835px;*/
	width:870px;
}

.content-head-text
{
	float: left;
	margin: 0px 0px 0px 0px;
}

.content-head-buttons
{
	float: right;
	vertical-align: middle;
}

.content-head-buttons button, .content-head-buttons input
{
	float: right;
	margin: 0px 4px 0px 0px;
}

/* Styles for buttons
-----------------------------------------------------------*/

.content-button, input.form-select, .Button
{
    background-color: #0080a6;
    color: #ffffff;
	cursor: pointer;
	font: bold 8pt arial;
	min-width: 80px;
    border-top-color: #0090b6;
    border-left-color: #0090b6;
    margin-bottom: 5px;
}

.content-button:hover, .Button:hover {
    background-color: #ffa542;
    border-top-color: #ffb552;
    border-left-color: #ffb552;
    text-decoration: underline;
}

/* jQuery dialog icon*/

.dialog-icon
{
	float: left;
	margin: 0 7px 20px 0;
}

.dialog-title-icon
{
	float: left;
	margin: 2px 10px 0 0
}

/*Styles for Tabs
------------------------------------------------------*/
.clear
{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#TabContent #tabs ul
{
	margin:0 0 4px 0;
}

#tabs a
{
	text-decoration: none;
	color: #FFFFFF;
}

#tabs a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

#menu
{
	margin: 7em auto;
}
#tabs ul
{
	list-style: none;
	list-style-position: outside;
}
#tabs ul.menu
{
	float: right;
}

#tabs ul.menu li
{
	font-weight: 700;
	display: block;
	padding: 2px 5px 2px 5px;
	background: #0080a6;
	margin-bottom: -1px;
	border: 0.1px solid #ffffff;
	border-width: 1px 1px 1px 1px;
	position: relative;
	cursor: pointer;
	float: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#tabs ul.menu li.active
{
	background: #ffa542;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    color: #FFFFFF;
    text-decoration: underline;
}

#tabs ul.menu li.unavailable
{
	background: #CCCCCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #F5F5F5;
	cursor: default;
}

#tabs ul.menu li.unavailable a
{
	color: #F5F5F5;
	cursor: default;
	font-weight: 100;
	text-decoration: none;
}

.TabBar
{
	text-align: right;
	margin-right: 10px;
	height: 26px;
}

.Tab
{
	background: #cccccc url(images/tabcenter.gif);
	height: 16pt;
	overflow: hidden;
	cursor: pointer;
}

#LeftTabs
	{
		display:inline-block;    
		width:90px;
	}

#TabContent
{
	border-left: 1px solid #C0C0C0;
	display:inline-block;
	padding:0 0 0 10px;
	position:absolute;
	width:745px;
}

/* Styles for left tabs
-----------------------------------------------------------*/

#LeftTabs ul
{
	list-style-position:outside;
	list-style:none;
	margin:0;
	padding:0;
}

#LeftTabs li
{
	/*background-color:#E0E0E0;*/
	background-color:#E5E5E5;
	border-bottom:4px solid #FFFFFF;
	border-bottom-left-radius:7px;
	border-left:4px solid #FFFFFF;
	border-top:4px solid #FFFFFF;
	border-top-left-radius:7px;
	cursor:pointer;
	display:block;
	height:auto;
	min-height:40px;
	padding:5px 5px 5px 7px;
	position:relative;
	vertical-align:middle;
}

.tab-outer
{
	background-color:#FFFFFF;
	border-bottom:1px solid #B0B0B0;
	border-bottom-left-radius:7px;
	border-left:1px solid #B0B0B0;
	border-top:1px solid #B0B0B0;
	border-top-left-radius:7px;
		
	margin:0 0 3px 0;       
}

#LeftTabs li.tab-active
{
	/*background-color:#C0C0C0;*/
	background-color:#BBBBBB;
    font-weight:bold;
}

#LeftTabs li.tab-complete
{
	border-bottom:3px solid #00C600;
	border-left:3px solid #00C600;
	border-top:3px solid #00C600;
}

#LeftTabs .tab-outer.tab-complete
{
	background-color:#00C600;
}

#LeftTabs li.tab-incomplete
{
	border-bottom:4px solid #FF2918;
	border-left:4px solid #FF2918;
	border-top:4px solid #FF2918;
}

#LeftTabs .tab-outer.tab-incomplete
{
	background-color:#FF2918;
}

#LeftTabs .tab-border
{
	background-color: #B0B0B0;
	padding: 1px 0 1px 1px;
	margin: 0 0 3px 0;
}

/*Hover action test*/
#LeftTabs li:hover
{
	background-color:#C0C0C0;
}

/*Account for added divs having a left block on left*/
#LeftTabs .tab-complete .jquery-corner div
{
	border-left-color:#00C600 !important;
}

#LeftTabs .tab-incomplete .jquery-corner div
{
	border-left-color:#FF2918 !important;
}

/* Styles for contents when left tabs are present
-----------------------------------------------------------*/

#TabContent .content-head
{
	width:740px;
}

/* Styles for form content and layout
-----------------------------------------------------------*/

.form-one-col, .form-two-col, .form-three-col
{
	border:none;
	display:inline-block; /*Added for side tabs*/
	float:left;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
}

.form-one-col
{
	/*width:800px;*/
	width:830px;
}

#TabContent .form-one-col
{
	width:748px;
}

.form-two-col
{
	/*width:380px;*/
	width:390px;
}

#TabContent .form-two-col
{
	width:372px;
}

.form-three-col
{
	width: 260px;
}

#TabContent .form-three-col
{
	width:245px;
}

.form-spacer-top
{
	padding: 15px 0 0 0 !important;
}

.form-spacer-bottom
{
	padding: 0 15px 0 !important;
}

.form-row input[type=text], .form-row input[type=password], .form-row textarea, .form-row select
{
	background-color:#FFFFFF;
	border:1px solid #C0C0C0;
	color: #4b697d;
	font-family: arial, Helvetica,sans-serif;
	font-size: 96%;
	margin: 2px 8px 0 0;
	padding:1px 2px 2px 2px;
}

.form-row input[type=radio]
{
	border: none;
	padding: 0 0 0 5px;
}

.form-row
{
	display:block;
	min-height:25px;
	height:auto;
	margin:0px 0px 2px 2px;
	max-width:100%;
	position:relative;
}

.form-note
{
	display:table-cell;
	height:100%;
	position:relative;
	vertical-align:middle;
	font-style:italic;
	font-size: 10px;
}

.form-label, .form-label-multi, .form-label-no-padding
{
	/*background-color:#E0E0E0;*/
	background-color: #F5F5F5;  /*Added as per ARMS4*/
	color: #768299;
	display:table-cell;
	font-size:95%;
	font-weight:700;
	height:100%;
	margin:0;
	overflow: auto;
	position:relative;
	width:150px;
}

.form-label
{
	padding:1px 0 1px 5px;
	vertical-align:middle;
}

.form-data-label 
{
    padding:1px 5px 1px 5px;
	vertical-align:middle;
    display:table-cell;
	margin:0;
	min-height:25px;
	position:relative;
	width:auto;
}

.form-label-no-padding
{
	padding:1px 0 1px 1px;
	vertical-align:middle;
}

.form-label-multi
{
	padding: 5px 0 0 5px;
	vertical-align: top;
}

.form-row.filter .form-label
{
	min-height: 25px;
	padding: 1px 9px 1px 6px;
	/*width:100px !important;*/
}

.form-label-large
{
	/*background-color:#E0E0E0;*/
	background-color: #F5F5F5;  /*Added as per ARMS4*/
	color: #768299;
	display:table-cell;
	font-size:95%;
	font-weight:700;
	height:100%;
	margin:0;
	overflow: auto;
	position:relative;
	padding:1px 0 1px 5px;
	min-height:25px;
	vertical-align:middle;
	width:400px;
}

/*.form-data
{
	display:table-cell;
	height:25px;
	margin:0;
	min-height:25px;
	padding:0;
	position:relative;
	vertical-align:middle;
	width:auto;
}*/

.form-data
{
	display:table-cell;
	height:19px;
	margin:0;
	min-height:19px;
	padding:5px 0px 3px 12px;
	position:relative;
	vertical-align:top;
	width:auto;
}

.form-row.filter .form-data
{
	padding:3px 5px 3px 0 !important;
}

.form-data-no-padding
{
	display:table-cell;
	height:19px;
	margin:0;
	min-height:19px;
	padding:0px 0px 0px 0px;
	position:relative;
	vertical-align:top;
	width:auto;
}

.form-desc
{
	background-color:#C0C0C0;
	color:#000000;
	display: block;
	font-weight:700;
	/*margin:0 0 4px 2px;*/
	padding:3px 0 3px 3px;
	width:99%;
}

.form-button
{
	display:table-cell;
	height:100%;
	margin:0;
	overflow: auto;
	padding:4px 2px 1px 5px;
	position:absolute;
	vertical-align:middle;
}

.form-row.filter .form-button
{
	right: 10px;
	top: 0px;
}

/*.form-one-col .form-desc
{
	width:748px;
}

.form-two-col .form-desc
{
	width:382px;
}*/

.checklist
{
	max-height:350px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 232px;
}

.checklist table
{
	width:210px;
}

.control-width, .control-ex-large, .control-ex-ex-large, .control-large, .control-medium, .control-small, .control-ex-small, .control-tiny, .control-align-small
{
	/*display:inline-block;*/
	position:relative;
}

.control-width
{
	width:560px;
}

.control-ex-large, .label-ex-large
{
	width:260px;
}

.control-ex-ex-large
{
	width:450px;
}

.control-large, .label-large
{
	width:200px;
}

.control-medium, .label-medium
{
	width:160px;
}

.control-small, .label-small
{
	width:110px;
}

.control-align-small
{
	width:116px;
}


.control-ex-small, .label-ex-small
{
	width:70px;
}

.control-tiny, .label-tiny
{
	width:35px;
}

.form-row.filter .content-button
{
	display: inline !important; 
	float: right !important;
	position: relative !important;
	top: 0px !important;
}

/* Styles for webgrids
-----------------------------------------------------------*/

.content-grid
{
	border:none;
	display: inline-block;
	height:auto;
	/*margin:0 0 5px 15px;*/
    border-collapse:collapse;  
    margin:0 0 0 0;
}

.content-grid p
{
	width: auto !important;
}

.content-grid td, .content-grid th
{
	/*min-width:65px;*/
	/*min-width:45px;*/
	padding: 4px;
    /*border-left:solid 2px #fff;*/
}

.content-grid td
{
	font-size:8pt;   /*22nd Jan*/
}

.content-grid tr
{
	padding: 5px 10px;
}

.content-grid td img
{
	margin:0 auto;
}

.grid-vert-lines 
{
    border-collapse:collapse;
    border-spacing:0px;
}

.grid-vert-lines td, .grid-vert-lines th
{
    border-right:solid 2px #fff;
}

.grid-head
{
	background-color:#0091b7;
	color:#ffffff;
	font-size:95%;
	font-weight:700;
	min-height:23px;
}

.grid-head th a 
{
    color:#ffffff;
}

#HeaderTable_1, #HeaderTable_2, #HeaderTable_3, #HeaderTable_4
{
	padding: 5px 0 0 0;
}

.grid-head th
{
	font-weight: bold;
	/*padding: 2px 5px 2px 5px;*/
	text-align: left;
}

.grid-head a
{
	color:#000000;
	display: inline-block;
	max-width:100%;
	overflow: hidden;
	text-decoration: none;
}

.grid-head/*, .grid-row, .grid-row-alt*/  /*21st Jan*/
{
	height:25px;
	min-height:25px;
}

.grid-row, grid-row-heading
{
	background-color:#ffffff;
}

.content-grid tr.grid-row-heading
{
    height: 35px;
    min-height: 35px;
    padding: 15px 10px 5px 10px;
    vertical-align: bottom;
}

.grid-row-alt
{
	background-color:#E0E0E0;
}

.grid-footer
{
	font-weight: bold;
	font-size: 95%;
	color: black;
	background-color: #c0c0c0;
	height: 23px;
	text-decoration: none;
}

#WebGridBody, .WebGridBody 
{
	overflow: auto;
	overflow-x:hidden;
}

#PagingTable
{
	/*background-color: #c0c0c0;*/
    background-color: #0091b7;
    color: #ffffff;
	height:25px;
	width: 100%;
}

#GridSummary
{
	float: left;
	padding: 5px 0px 0px 4px;
	text-align: left;
	vertical-align: middle;
	width: 34%;
}

#GridRows
{
	float: left;
	padding: 2px 0px 0px 0px;
	text-align: center;
	width: 30%;
}

#GridPaging
{
	float: right;
	padding: 0px 4px 0px 0px;
	text-align: right;
	width: 34%;
}

#HeadingTable
{
	display:inline-block;
	overflow:auto;
	overflow-x:hidden;
}

#GridFootInfo .managed
{
	color:#008000;
    font-style: italic;
}

td.managed
{
	color:#008000;
	font-style: italic;
    font-weight:700;
}

.grid-col-small
{
	width: 80px;
	max-width: 80px;
}

.grid-col-date
{
	width: 58px;
	max-width: 58px;
}

.grid-col-ex-small
{
	width: 55px;
	max-width: 55px;
}

.grid-col-medium
{
	width: 120px;
	max-width: 120px;
}

.grid-col-ex-medium
{
	width: 125px;
	max-width: 125px;
}

.grid-col-large
{
	width:160px;
	max-width:160px;
}

.grid-col-large-reduced
{
	width:130px;
	max-width:130px;
}

.grid-col-ex-large
{
	width: 200px;
	max-width: 200px;
}

.grid-col-ex-ex-large
{
	width: 250px;
	max-width: 250px;
}

.grid-col-desc
{
	width: 340px;
	max-width: 340px;
}

.grid-col-small, .grid-col-ex-small, .grid-col-medium, .grid-col-large, .grid-col-ex-large, .grid-col-ex-ex-large, .grid-col-desc, .grid-col-large-reduced, .grid-col-ex-medium
{
	text-wrap: normal;
	white-space: normal;
	word-wrap: break-word
}

.grid-col-link
{
	text-align: center;
	width: 45px;
}

.grid-col-icon
{
	text-align: center;
	width: 45px;
}

.grid-col-status
{
	text-align:center;
}

.grid-col-status.two-let
{
	width:18px;
}

.grid-col-status.three-let
{
	width:23px;
}

.grid-col-icon img, .grid-col-status img
{
	border: none;
	vertical-align: middle;
}
	
.grid-col-icon img
{
	margin: 0 3px;
}

.grid-col-status img
{
	display:inline-block;
	margin:0 auto;
}

.grid-col-mixed
{
	padding: 3px !important;
	vertical-align:middle;
}

.grid-col-mixed img
{
	display: inline-block;
	float:left;
	/*position:relative;*/
}

.grid-col-mixed span
{
	display:inline-block;
	float:left;
	padding:0 0 0 10px;
	position:relative;
	top:10px;
	vertical-align:middle;
}

/* Styles for the Item Selector used with stations selection
-----------------------------------------------------------*/

#Filter
{
	height:100%;
}
	
#FilterList
{
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	font-size:11px;
	list-style:none;
	list-style-position:outside;
	margin:0px;
	max-height:80px;
	overflow:auto;
	padding:3px;
	width:350px;        
}

#SelectionList
{
	display:block;
	list-style:none;
	line-height:1.4em;
	margin:15px 0 15px 0;
	padding:0;
	min-height:30px;
	max-height:100px;
	overflow:auto;
	width:100%;
}

#FilterText
{
	display:block;
	float:left;
	margin:0;
	width:350px;
}

.select-filter-row
{
	display:block;
	float:left;
	width:100%;
}

#SelectionList li
{
	border:1px solid #000000;
	display:inline-block;
	float:left;
	font-size:11px;
	height:21px;
	margin: 0 7px 3px 0;
	padding:0 5px 0 3px;
	position:relative;
	top:0px;
	vertical-align:middle;
}

.icon-remove
{
	cursor:pointer;
	display:inline-block;
	float:left;
	height:11px;
	margin:6px 5px 0 0;
	padding:0;
}

.dialog-label
{
	color: #768299;
	float: left;
	font-weight: bold;
	font-size: 95%;
	margin: 0 5px 1px 0px;
	padding: 0 0 0 5px;
	overflow: auto;
}

/*Styles for the ItemSelector actions
===================================================*/
	
.selected
{
	background-color:#E0E0E0;
}

.active, #FilterList li:hover
{
	background-color:#E0E0E0;
	cursor:default;
}



.hidden, .selected
{
	display:none;
}

/*Styles for the spinner
===================================================*/

#loadingContainer
{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
	z-index:1000;
}

#loading
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:120px;
	background:rgba(220,220,255,0.75);
}

#loadingcontent
{
	display:table;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#loadingspinner
{
	display: table-cell;
	vertical-align:middle;
	width: 100%;
	text-align: center;
	font-size:larger;
	padding-top:80px;
}

/*Styles for readonly fields
===================================================*/
[readonly="readonly"] {
	border: none !important;
}

/*Styles for Workflow Progress Diagram (Dougnuts)
===================================================*/

#ApplicationProgress
{
	height: 50px;
	max-height: 50px;
}

.flow-item
{
	display: inline-block;
	float: left;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-align: center;
}

.flow-item.start
{
	margin: 0 0 0 -15px;
}

.flow-item.end
{
	margin: 0 -15px 0 0;
}

.flow-img
{
	cursor: pointer;
}

/* Styles for Webgrid filters (label row above input row
===================================================*/

.filter-row.labels, .filter-row.inputs
{
	display: table-row;
	height: auto;
	/*margin: 0;*/
	margin: 0px 0px 2px 2px;
	max-width:100%;
	
	position:relative;
}

.filter-row.labels
{
	color: #768299;
	font-size: 95%;
	font-weight: 700;
	height:25px;
	min-height: 25px;
}

.filter-row.inputs
{

}

.filter-row .label-ex-large, .filter-row .label-large, .filter-row .label-medium, .filter-row .label-small, .filter-row .label-ex-small, .filter-row .label-tiny
{
	background-color: #F5F5F5;
	display: table-cell;
	
	padding: 1px 0 1px 5px;
	vertical-align: middle;

	height: 25px;
	margin: 0;
	min-height: 25px;
	position: relative;
	vertical-align: middle;
}

.filter-row input, .filter-row select
{
	background-color:#FFFFFF;
	border:1px solid #C0C0C0;
	color: #4b697d;
	font-family: arial, Helvetica,sans-serif;
	font-size: 96%;
	margin: 2px 8px 0 0;
	padding:1px 2px 2px 2px;
}

.filter-input
{
	display: table-cell;
	height: 19px;
	margin: 0;
	min-height: 19px;
	padding: 5px 0px 3px 4px;
	position: relative;
	vertical-align: top;
	width: auto;
}

.filter-button
{
	display:table-cell;
	height:100%;
	margin:0;
	overflow: auto;
	padding:4px 2px 1px 5px;
	/*position:absolute;*/
	right: 10px;
	top: 0px;
	vertical-align:middle;
    text-align:right;
}


	/*display:table-cell;
	font-size:95%;
	font-weight:700;
	height:100%;
	margin:0;
	overflow: auto;
	position:relative;
	width:150px;
}*/

/*.form-label
{
	padding: 1px 0 1px 5px;
	vertical-align: middle;
}*/

/* Styles for view sub-header blocks
===================================================*/

.content-sub
{
	padding: 7px 0px 25px 0px;
	width:870px;
}

#TabContent .content-sub
{
	width:740px;
}

.content-sub-text
{
	float: left;
	margin: 0;
    vertical-align: middle;
}

.content-sub-left, .content-sub-right
{
	vertical-align: middle;
}

.content-sub-left
{
    float: left;
}

.content-sub-right
{
    float: right;
}

.content-sub-buttons button
{
	float: right;
	margin: 0px 4px 0px 0px;
}

.content-sub-link
{
    display: inline-block;
    padding: 0 10px 0 0;
}

/* Styles for Approving Reviewers Table
===================================================*/

#reviewersTable, #reviewerResponsibility
{
    height: 220px;
    overflow: auto;
    position: absolute;
    width: 800px;
}

#reviewersTable .col-small
{
    text-align: left;
    width: 60px;
}

#reviewersTable .col-medium
{
    width: 190px;
}

#reviewersTable .col-large
{
    text-align: left;
    width: 220px;
}

.align-top {
    vertical-align: top;
}
/* Styles for Attachments List Table
===================================================*/

#AttachmentsList
{
    line-height: 20px;
    width: 100%;
    border-collapse:collapse;
}

#AttachmentsList tr th
{
    text-align: left;
   /* border-right:2px solid white; */
}

.attachment-actions
{
    width: 100%;
}

#AttachmentsList tr.last td {
    border-bottom:1px dotted #B0B0B0;
}

#AttachmentsList tr.newtype td {
    border-top:1px solid #B0B0B0;
}

#AttachmentsList tr.endlist td {
    border-top:1px solid #B0B0B0;
    height:1px;
    padding: 0px;
}

.attachments-action-row
{

}

.attachments-select-toggles,
.attachments-reviewer-filter
{
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
}

.attachments-select-toggle
{

}

.attachments-reviewer-filter
{

}

.attachments-reviewer-filter > .form-data
{
    padding: 0 0 3px 12px;
}

/* Styles for Answers Table
===================================================*/

#AnswersContainer td
{
    padding-top:3px;
    padding-bottom:3px;
}

#AnswersContainer table
{
    width: 100%; 
    table-layout: fixed;
}

#AnswersContainer table.open
{
    border: 4px dotted red;
}

#AnswersContainer table.sub
{
    border-top: 1px dashed #c0c0c0;
}

#AnswersContainer table.parent
{
    margin-top:2px;
    margin-bottom:2px;
}



/* Styles for Application Status Table
===================================================*/

.dept-info
{
    max-height: 100px;
    overflow: auto;
}


/* Styles for Application Start
===================================================*/

.stageList td 
{
    padding-bottom:2px;
    padding-top:2px;
    padding-right:40px;
}

.popup 
{
    display: none;
}

/* Web grid hidden initially an faded in on ready*/
.WebGridContainer 
{
    visibility:hidden;
}

/* Styles for training videos table
===================================================*/

table.trainingVideos th {
    text-align: left;
}

table.trainingVideos td {
    vertical-align: top;
    padding-right: 30px;
    padding-bottom: 5px;
}

table.trainingVideos ul {
    margin-top: 0px;
    padding-left: 15px;
}

.noscriptmsg {
    display:none;
    padding:4px;
}