/* general sitewide specific style elements */
body
{
	background-image: url(../../images/modern/background.png);
	background-color: transparent;
	background-attachment: fixed;
	background-repeat: repeat;
}

/******************************************************/
/* Button Styles - these can be later moved to themes */
.secondarybutton, 
.secondarybuttondisabled,
.primarybutton, 
.primarybuttondisabled,
.secondarybuttonhalf, 
.primarybuttonhalf,
.hoverbutton
{
	/* Set the Font Family to SSP SB*/
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	font-size: 0.75em;
	text-decoration: none;
	text-transform: uppercase;	
	border: none 0px;
	height: 25px;
	padding: 0px 2px 0px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.secondarybutton,
.primarybutton 
{ cursor: pointer; }

.secondarybuttonhalf, 
.primarybuttonhalf
{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}

.secondarybuttondisabled,
.primarybuttondisabled
{
	cursor: default;
	color: #818E91;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	-khtml-opacity: 0.3;
}

.secondarybutton, 
.secondarybuttonhalf, 
.secondarybuttondisabled 
{ background-color: #627276; }

.hoverbutton 
{ background-color: #FF7F00; }

.primarybutton, 
.primarybuttonhalf, 
.primarybuttondisabled 
{ background-color: #00CC88; }

.primarybutton:hover,
.secondarybutton:hover
{
	background-color: #18A2CB;
}

.primarybutton-padded {
    padding: 5px 15px 5px 15px;
}

/************************************/
/******* Common Control Styles *******/
.commonLabelBold, 
.commonLabel, 
.commonLabelWrap
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.75em;
	color: #0C4058;
	white-space: nowrap;
	text-decoration: none;
	cursor:default;
	overflow:hidden;
	vertical-align: text-bottom;
}

.commonLabelBold, 
.commonLabel 
{ text-overflow: ellipsis; }

.commonLabelBold 
{ font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif; }

.commonLabelWrap 
{
	white-space:normal;
	word-wrap:break-word;
}
.commonDropdown, 
.commonDropdownItalic, 
.commonDropdownItalicCaps
{
	font-family: SourceSansPro-Semibold, Sans-Serif;
	font-size: 0.75em;
	color: #0C4058;
	/*border: solid 1px #C3D7D8;  DO NOT SET BORDER WHILE UI IS IN IE-7 COMPATIBILITY MODE...IT FORCES INSET BORDERS*/ 
	line-height: 1.5em;
	height:22px;
	width: 100%;
}

.commonDropdownItalic, 
.commonDropdownItalicCaps 
{ font-style: italic; }

.commonDropdownItalicCaps 
{ text-transform: uppercase; }

.commonTextbox, 
.commonTextboxItalic
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.75em;
	color: #0C4058;
	font-style:normal;
	/*border: solid 1px #C3D7D8; Solid grey border is enforced on select controls in IE-7 compatibility mode, so do the same with text boxes*/
	border: solid 1px #707070;
	white-space:normal;
	word-wrap:break-word;
	line-height: 1.5em;	
}

.commonTextboxItalic 
{ font-style: italic; }

.commonAnchor, 
.commonAnchor:hover
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.82em;	
	white-space: nowrap;
	text-decoration: underline;
	cursor:default;	
}

.commonAnchor 
{ color: blue; }

.commonAnchor:hover 
{ color: #18ACCB; }

.textbox,
.textbox_disabled,
.textbox_invalid,
.textbox-notheme,
.textboxxlarge
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	white-space:normal;	
	color: #627276;
	width: 100%;
	word-wrap:break-word;		
}

.textbox, 
.textboxxlarge 
{ border: solid 1px #C3D7D8; }

.textbox_disabled 
{ border: solid 1px #C3D7D8; }

.textbox_invalid 
{ border: solid 1px maroon; }

.textbox-notheme 
{ border: none 0px black; }

.textboxxlarge
{
	font-size: 1.1em;
}

.sectionHeader 
{ background-color: #F1F2F6; }

.sectionHeaderLabel, 
.sectionHeaderLabelBold
{
	font-size: 0.88em;
	color: #627276; 
	font-style: normal;
	text-decoration: none;
	cursor:default;
	overflow:hidden;	
	text-overflow: ellipsis;
}
.sectionHeaderLabel 
{ font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif; }

.sectionHeaderLabelBold 
{ font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif; }

.pageheadingcontainer 
{ background-color: #F1F2F6; }

.pageheading
{
	padding: 7px 10px 7px 10px;
	vertical-align: middle;	
}

/************************************/
/******* KeywordEditor Styles *******/
.keywordText,
.keywordText_invalid,
.keywordText_helper,
.keywordText_disabled
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-style:normal;
	width: 100%;
	height: 25px;
	line-height: 25px;	
	word-wrap: break-word;
	margin-top:1px;
}

.helperButton 
{	border-top: solid 2px white;
	border-bottom: solid 1px whtie;
	width: 100%; }

.keywordCheckbox 
{ margin-right: 25px; }

.lookInLabel 
{ margin-right: 20px; }

.keywordText
{
	color: #0C4058;
	border: solid 1px #707070;
}

.keywordText_invalid
{
	color: #0C4058;	
	border: solid 1px #D2504C;
}

.keywordText_helper
{
	color: #c3d7d8;
	border: solid 1px #707070;
	font-style: italic;
	line-height: 1.8em;
}

.keywordText_disabled
{
	color: #0C4058;
	border: solid 1px #F4F7FC;
}

.keywordTip, 
.keywordErrorTip
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.875em; 
	padding: 3px 3px 3px 3px;
	position: absolute;
	cursor: default;
	z-index: 100000;
}

.keywordTip
{
	background-color: #f1f2f6;
	border: solid 1px #edf9fd;
	color: #0C4058;		
}

.keywordErrorTip
{
	background-color: #EEB9B6;
	border: solid 2px #D2504C;
	color: #444444;
}

/**********************************/
/* various types of label styles */
.label, 
.labellarge, 
.labelsmall,
.labeldisabled, 
.labellargedisabled,
.labelwhite, 
.labelblue, 
.labelgray,
.labelbold, 
.labelboldwhite, 
.labelwrapbold,
.labelboldlarge, 
.labelboldwhitelarge, 
.labelwrapboldlarge,
.labelsemibold, 
.labelsemiboldwhite, 
.labelwrapsemibold,
.labelsemiboldlg, 
.labelsemiboldwhitelg, 
.labelwrapsemiboldlg,
.labelverylg, 
.labelsemiboldverylg, 
.labelboldverylg,
.labelboldxlarge, 
.labelitalicxlarge, 
.labelunderlinexlarge
{
	font-style: normal;
	text-decoration: none;
	cursor:default;
	overflow:hidden;	
	text-overflow: ellipsis;
}

.label, 
.labellarge, 
.labelsmall,
.labellargedisabled, 
.labeldisabled,
.labelwhite, 
.labelblue, 
.labelgray,
.labelwrap, 
.labelwraplarge, 
.labelitalicxlarge, 
.labelunderlinexlarge
{ font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif; }

.labelsemibold, 
.labelsemiboldwhite, 
.labelwrapsemibold, 
.labelwrapsemiboldlg,
.labelsemiboldlg, 
.labelsemiboldverylg,
.labelsemiboldwhitelg
{ font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif; }

.labelbold, 
.labelboldwhite, 
.labelwrapbold, 
.labelwrapboldlarge,
.labelboldlarge, 
.labelboldverylg,
.labelboldwhitelargem, 
.labelboldxlarge
{ font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif; }

.label, 
.labeldisabled,
.labelwhite, 
.labelblue, 
.labelgray,
.labelsemibold, 
.labelsemiboldwhite, 
.labelbold, 
.labelboldwhite, 
.labelwrap, 
.labelwrapsemibold, 
.labelwrapbold 
{ font-size: 0.75em; }

.labellarge, 
.labelwraplarge, 
.labellargedisabled,
.labelboldlarge, 
.labelboldwhitelarge, 
.labelwrapboldlarge,
.labelsemiboldlg, 
.labelsemiboldwhitelg, 
.labelwrapsemiboldlg
{ font-size: 0.90em; }

.labelverylg, 
.labelsemiboldverylg, 
.labelboldverylg
{ font-size: 1.1em; }

.labelsmall 
{ font-size: 0.63em; }

.label, 
.labeldisabled,
.labelwhite, 
.labelblue, 
.labelgray,
.labelsemiboldwhite, 
.labelboldwhite 
{ white-space: nowrap; }

.labelwrap,
.labelwraplarge,
.labelwrapbold,
.labelwrapsemibold,
.labelwrapboldlarge
{	
	white-space: normal;	
	word-wrap:break-word; 
}

.label, 
.labellarge, 
.labelsmall,
.labelwrap, 
.labelwraplarge,
.labelsemibold, 
.labelwrapsemibold,
.labelsemiboldlg, 
.labelwrapsemiboldlg, 
.labelitalicxlarge, 
.labelunderlinexlarge
{ color: #627276; }

.labelbold, 
.labelwrapbold,
.labelboldlarge, 
.labelwrapboldlarge,
.labelboldxlarge
{ 
	white-space: nowrap; 
	color: #396376;
 }

.labeldisabled, 
.labellargedisabled 
{ color: graytext; }

.labelwhite, 
.labelsemiboldwhite, 
.labelboldwhite 
{ color: #FFFFFF; }

.labelblue 
{ color: #18A2CB; }

.labelgray 
{ color: #818E91; }

.labelverylg 
{ color: #627276; } 

.labelsemiboldverylg 
{ color: #0C4058; } 

.labelboldverylg 
{ color: #0C4058; }
.labelboldxlarge, 
.labelitalicxlarge, 
.labelunderlinexlarge 
{ font-size: 1.7em; }

.labelitalicxlarge 
{ font-style: italic; }

.labelunderlinexlarge 
{
	text-decoration: underline;
	cursor: pointer;
} 

.labelchecked
{
	font-family:Webdings;
	font-size:small;
	text-align:center;
}

.justifieddv
{
	text-align: justify;	
	width: 90%;
	white-space: normal;
}

/* list related styles */
.issueslist 
{
	margin-left: 0px;
	padding-left: 5px;
	line-height: 16px;
	list-style: disc none inside; 
}

.nestedlist 
{	
	padding-left: 30px; 
	margin: 0px 0px 8px 0px;
	line-height: 16px;
	list-style: circle none outside;
}

.longlistitem 
{	
	display: inline-block;
	vertical-align:super; /* super turned out to be the only setting that would line the bullet up properly */
}

.textarea,
.textareamedium,
.textarealarge,
.textarealarge_disabled
{	
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif; 
	color: #627276;
	font-style: normal;
	text-decoration: none;
	white-space: pre;	
	word-wrap:break-word;
	outline:none;
	border: solid 1px #C3D7D8;	
	padding: 2px 2px 2px 2px;	
	-moz-box-sizing:border-box;
	background-color: #FFFFFF;
	resize:none;
}

.textarea { font-size: 0.75em; }
.textareamedium { font-size: 0.90em; }
.textarealarge { font-size: 1.0em; }
.textarealarge_disabled { background-color: #F1F2F6; }

.reportcontainer
{
	padding-right: 0px;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	background-color: #F1F2F6;

}

.progressbartableframing
{
	width: 98%;
	height: 100%;
}

.progressbartableframing th
{
	height: 30px;
	vertical-align: middle;
	font-size: 1.3em;
}

.progressbartableframing td
{
	height: 30px;
	vertical-align: middle;
}

.progressbarcontainer
{
	position:static;
	vertical-align: middle;
}

.progressbar 
{
	color: #fff;
    width: 0;
    height: 100%;
    background-color: #D6E8F9;	
    position:relative;
}

.progressbartext
{
	position: static;
    top: 15%;
}

.tooltip, 
.tooltipwhite, 
.preftooltip
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;	
	display: block;
	border: solid 1px #C3D7D8;	
	color: #627276;	
	white-space:normal;		
	margin: 3px 3px 3px 0px;
	padding: 6px 6px 6px 3px;	
	/* Firefox 3.5+ */
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);	
	-moz-border-radius: 6px;	
	/* Safari 3.0+ and by Chrome 0.2+ */
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-border-radius: 6px;
	/* Firefox 4.0+, Safari 5.1+, Chrome 10.0+, IE 10+, Opera 10.5 */
	box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	border-radius: 8px; /* only starting in CSS3 - increased to 8px due to IE */ 	
	-moz-box-sizing: border-box;
}

.tooltip 
{
	background-color: #F1F2F6; 
	font-size: 0.75em;
}

.tooltipwhite 
{
	background-color: #FFFFFF; 
	font-size: 0.75em;
}

.preftooltip
{
	background-color: #F1F2F6; 
	font-size: 0.88em;	
}

.tooltiptext
{ 	
	color: #000000; 
	text-align: justify;
	white-space: normal;	
}

.tooltipseparator
{
	border-top: solid 1px #C3D7D8;
	height: 3px; 
}