/**	-------------------------------------------------------------
	iSource - Curtis Fitch
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 	
 	Project Name: iSource

 	Description	:	Default styles for iSource
	Filename	:	library/css/default.css
	Authors		:	James Randell <james.randell@curtisfitchglobal.com>
	Date		:	30th September, 2013
	Updated		:	28th January, 2014
	Version		:	1
	Change		:	5.2.0 Created file
					5.2.1 Added form styles for tabbed layouts
					5.2.2 Added branching field styles
					5.2.3 Updated header layout to fix 'Create' bug (CAB#3319, JR, 30/10/13)
					5.2.4 Added InSight audit styles (CAB#3319, JR, 31/10/13)
					5.2.5 Updated logo height when logged in to 50px (CAB3319, JR, 05/11/13)
					5.2.6 Added InSight category and profile styles (CAB#4337, JR, 14/11/13)
					5.2.7 Update 'fielderror' class (CAB#4443, JR, 27/11/13)					
					5.2.8 Added currency symbol (CAB#4388, JR, 29/11/13)
					5.2.9 Adjusted the guest header style a bit by moving navigation down (JR, 09/12/13)
					5.2.10 Added header style to prevent is shrinking (CAB#4584, JR, 20/12/13)
					5.2.11 ADjusted File delete image in InSight (CAB#4635, JR, 06/01/14)
					5.3.0 Added upload extension icons (CAB#4669, JR, 28/01/14)
					
	Contents	:	_A_Reset
					_B_HTML 5 elements
					_C_Standard formatting and layout
					_D_Headers
					_E_Nav (Header, Context and Footer) navigation
					_F_Section
					_G_Aside navigation
					_H_Block elements
					_I_Inline elements
					_J_Table style (generic)
					_K_Form elements
					_L_Result forms style
					_M_Error styles
					_N_AJAX styles
					_O_Override styles
					_P_Special fx

	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	_A_Reset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	

/*	-------------------------------------------------------------
	_B_HTML 5 elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	header, article, footer, section, nav, aside { display: block }


/*	-------------------------------------------------------------
	_C_Standard formatting and layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	header.primary *, .iSource_form textarea { font: 12px/14px Arial,Helvetica,sans-serif;
		/*-webkit-transition: 150ms linear 0s;
		-moz-transition: 150ms linear 0s;
		-o-transition: 150ms linear 0s;
		transition: 150ms linear 0s*/ }
	header.sub, header.breadcrumb_trail, footer { font: 11px/14px Arial,Helvetica,sans-serif; padding: 0 5px }
	.bodyText *{ font-size: 11px }

/*	-------------------------------------------------------------
	_D_Headers
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	


/*	-------------------------------------------------------------
	_E_Nav (Header, Context and Footer) navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	header {  }
	header.primary { position: relative; border-bottom: 1px solid #bbb; height: 50px;
		background: #EF3CA1 }
	header.primary > div { width: 1050px }
	header.primarybig { height: 75px; border-bottom: 1px solid #888; box-shadow: 0 1px 2px #999 }
	header.primarybig > div { width: 900px; margin: 0 auto }

	header.primary .logo { height: 50px; margin-top: 0; margin-left: 0; float: left; border: none }
	header.primarybig .logo { height: 60px }

	header.primary nav { overflow: hidden; width: auto }
	header.primarybig nav {  }
	header.primary nav ul { margin-top: 20px; float: left; margin-bottom: 0 }
	header.primary nav ul.menu { position: absolute; right: 0 }
	header.primarybig nav ul { margin-top: 45px; float: right }
	header.primary li, header.primary a { display: block }
	header.primary li { float: left; margin-right: 5px }
	header.primary a {  }
	
	
	header.primary li.current > a, header.primary li.current2 > a,
		header.primary li a:hover { color: #EF3CA1; margin-bottom: -1px; border-bottom: 1px solid #fff;
		background: #fff }
	
	header.primary li a strong { display: block; float: left; height: 14px; width: 14px; line-height: 14px;
		text-align: center;	border: 1px solid #fff; border-radius: 10px; margin-right: 10px;
		margin-top: -1px; font-weight: 900 }

	header.primary li a {
		/*-moz-transition: all 0.125s ease;
		-webkit-transition: all 0.125s ease;
		-o-transition: all 0.125s ease;
		transition: all 0.125s ease*/
	}
	header.primary li a .rotate { display: inline-block; float: right; margin-left: 5px }

	header.primary li:hover .rotate, .InSightScoreAudit:hover .rotate {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg) }

	header.primary li:hover a strong { border-color: #EF3CA1 }



	header a, footer a { text-decoration: none }
	header a { color: #fff }
	footer a { color: #000 }

	header.primary nav a { padding: 8px 10px; border-radius: 2px 2px 0 0 }
	header.primarybig nav a { border-radius: 2px }
	header.primary nav li a {height: 14px;}
	header.primary .resize {  display:inline-block; }



	header.sub { border-bottom: 1px solid #333; color: #fff; padding-left: 0;
		background: #333/*#9B1460*/ }
	header.sub { height: 20px }
	header.sub *{ line-height: 20px }

	header.sub .subHeaderIcon { padding-left: 4px; padding-right: 6px; display: block; float: left; font-size: 115%;
		text-align: center; line-height: 20px; height: 20px; font-size: 11px; margin-bottom: 0; border-right: 1px solid #444;
		background: #222; color: #fff; text-decoration:none }
	header.sub .subHeaderIcon img { margin-bottom: -3px; border: none }

	header.sub .create { width: 44px;
		padding-right: 1px }
	
	header.sub .mail { }
	header.sub .mail img { border: none; /*padding-top: 6px; margin-bottom: 7px  pushes the arrow down to the right place */ }

	header.sub .arrow { display: block; width: 6px; height: 20px; margin-right: 10px; float: left }
	header.sub .arrow:before, header.sub .arrow:after {
		content: ""; position:absolute; display: block; float: right; width: 0; height: 0;
		border-top: 10px solid transparent; border-bottom: 10px solid transparent;
		background: transparent }
	header.sub .arrow:before { 
		border-left: 5px solid #444; /* color and size of the arrow */
		 }
	header.sub .arrow:after { margin-left: -1px;	
		border-left: 5px solid #222; /* size of the arrow */
		 }

	/* construct the pop-up menu for the user account */
	header.primary .popupMenu, header.sub .createMenu { position: absolute; border: 2px solid #EF3CA1; border-top: none; padding: 5px;
		border-radius: 0 0 2px 2px; box-shadow: -1px 1px 0px #bbb; display: none; opacity: 0; z-index: 99999;
		margin-top: -1px;
		background: #fff;
		min-width: 266px;
		 }
	header.sub .clickMenu { box-shadow: none }


	header.primary .popupMenu ul, header.sub .createMenu ul { padding: 0 }
	header.primary .popupMenu li, header.sub .createMenu li { float: none; list-style-type: none }
	header.primary .popupMenu a { color: #111; line-height: 24px; height: 24px; padding: 5px 7px; display: block;
		border-radius: 5px }
	header.sub .createMenu a { color: #fff; line-height: 16px; height: 16px; padding: 5px 7px; display: block; border-radius: 3px }
	header.sub .createMenu a:hover {  color: #B34F88;
		background: #fff }
	header.primary .popupMenu img, header.sub .createMenu img { margin-bottom: -3px; margin-right: 5px }

	header.primary .accountMenu { right: 3px }
	header.primary .accountMenu ul { margin-top: 0 }

	header.primary .homeMenu { left: 186px }
	header.sub .createMenu { left: 7px; margin-top: 27px; border: 1px solid #444; 
		background: #222 }
	header.sub .createMenu:before {/* box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );*/
		content: "\00a0"; display: block; position: relative; height: 10px; width: 10px; left: 5px; top: -10px;
		transform: rotate( 45deg );
		background: #222 }
	header.sub .createMenu ul { margin: 0 10px 10px }



	header.primary .popupMenu input, header.primary .popupMenu select { /*border: 1px solid #EF3CA1*/ }
	header.primary .popupMenu #search_query { width: 145px; height: 20px; margin-left: -1px; border:solid 1px #eeeeee }
	header.primary .popupMenu .styled select {	height: 20px; width: 91px; padding: 0px;
		background: transparent } 

	header.primary .popupMenu .searchFields_submit { display: block; height: 10px; line-height: 10px; 
		width: 10px; color: #fff; border-radius: 0; font-weight: 600;
		background: #EF3CA1 }

	header.sub {  } /* hack to display the breadcrumb on a new line correctly */
	header.sub .breadcrumb { clear: both; color: #111; padding: 5px 10px }
	header.sub .breadcrumb a { color: #3B5998 }
	
	header.breadcrumb_trail { clear: both; color: #111; padding: 7px 10px; font-size: 14px}
	header.breadcrumb_trail a { color: #009587 }	

	footer { margin: 0; }
	footer:after { content: ""; display: block; clear: both }

	footer * { line-height: 20px }
	footer > * { margin: 10px }
	

/*	-------------------------------------------------------------
	_F_Section

	Covers the standard section styles and dashboard style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



/*	-------------------------------------------------------------
	_G_Aside navigation

	Covers the workflow navigation styles and dashboard navigation style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	_H_Block elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.clearafter:after { content: " "; display: block; clear: both }
/*	-------------------------------------------------------------
	_I_Inline elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	_J_Table style (generic)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	_K_Form elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.iSource_form { }
	fieldset.iSource_form { border: 1px solid #ccc; width: 100%; margin: 9px 0px }

	.iSource_form div { }

	.iSource_form header { /*height: 20px;*/ line-height: 20px; width: 100%; display: block; clear: both;
		/*background: #eee; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;
		<!--- Removed background styling as per cab #4913 --->
		 */
		
		}

	.iSource_form label { display: block; float: left; text-align: left; width:40%; word-wrap: break-word; min-height:20px; margin-right:5px; }
	.iSource_form .questionField { padding-left:3%; display: block; float: left; text-align: left; width:50%; word-wrap: break-word; min-height:20px;}
	.iSource_form .child label { text-indent: 20px }
	.iSource_form .inputarea { margin: 0 0 0 30px; display: inline-block }
	.iSource_form .inputarea label { display: inline-block; float: left; margin: 0; width: auto }
	.iSource_form .inputarea input { display: inline-block; float: left; margin: 2px 20px 0 5px }
	.iSource_form input, .iSource_form select, .iSource_form button { float: left;
		-webkit-transition: 150ms linear;
		-moz-transition: 150ms linear;
		transition: 150ms linear }
	.iSource_form textarea { height: 100px; width: 380px }
	.iSource_form textarea.small_textarea { height: 75px; width: 580px }
	.iSource_form textarea.extra_small_textarea { height: 75px; width: 300px }
	.iSource_form input.long_field { width: 200px }

	.iSource_form input, .iSource_form select, .iSource_form button, 
		.iSource_form > div > p { display: block }
	.iSource_form input.active, .iSource_form select.active { box-shadow: 0px 0px 3px #666 }

	.iSource_form > div { float: left; width: 98%; margin: 5px; position:relative;}
	.iSource_form > div > p { width: 30%; float: left }

	.iSource_form > div > div { float: left; width: 40% }	
	.iSource_form > div.wide > div { float: left; margin-left: 0 }

	.iSource_form > div > div input { clear: both; margin: 0 2% 2% 0; float: left }

	.iSource_form > div > div label { width: 50px; margin: 0 0 2% 0; float: left }
	.iSource_form > div.wide label { display: block }
	.iSource_form > div > img { margin-right: 2px }

	.iSource_form > div.wide, .iSource_form > div.wide > * { width: 99% }

	.iSource_form .auditSpan{ width:3%; text-align:center; vertical-align:top; position:absolute;
	top:0; right:0;}
	
	.iSource_form button { color: #fff; border-radius: 5px; border: 1px solid #666; width: 75px; padding: 0; font-weight: 600;
		background: #000 }
	.iSource_form button:after { 
		content: ""; box-shadow: inset -1px -1px 1px #444; margin-left: -3px; width: 71px;
		display: block; height: 18px; margin-top: -19px; border: 1px solid #fff; position: absolute;
		border-radius: 3px; float: left 
	}

	.iSource_form a.fileupload { text-decoration: none }
	
	.iSource_form .checkbox_group > label {
		display: block;
		float: left;
		width: 85%;
	}
	
	.iSource_form .radio_group > label {
		display: block;
		float: left;
		width: 85%;
	}	
	
	.iSource_form .checkbox_group > input[type="checkbox"] {
		vertical-align: middle;
	}
	
	.error {  }
	input.error, textarea.error, select.error { float: left }
	.fielderror { /*margin-left: 200px;*/ margin-left:5px; color: maroon; }
	p.fielderror { 
/*margin-left: 455px !important; margin-top: -18px !important; position: absolute !important; width: 220px !important*/ }
	.asterisk { color: maroon }	
	p.error_default_message { color: maroon; padding-left: 21px; }	

	fieldset { /*border: 1px solid #ddd;*/ border: none; margin-bottom:20px;
		/*background: #F7F7F7*/ }
	fieldset h2 { padding: 5px; font-size: 11px; font-weight: 900 }


/*	-------------------------------------------------------------
	_L_Result forms style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.InSightScoreAudit { margin-top: -4px; margin-left: -4px; padding:3px; position: absolute; display: inline;
		width: auto !important; border: 1px solid transparent; border-radius: 3px }
 	.InSightScoreAudit > div {
		background: #fff }
	.InSightScoreAudit > span { height: 18px; width: 18px; cursor: pointer;
		background: url(/images/icon_bidhistory.png) no-repeat }
	.auditActive { border-color: #999; z-index: 1 }


/*	-------------------------------------------------------------
	_M_Error styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	_N_AJAX styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.uploadedFile { height: auto; display: block; clear: both; line-height: 24px;
		margin-bottom: 5px; border-radius: 3px; border: 1px solid #ddd; padding: 0 2px;
		background: #eee }
	.uploadedFile:hover {
		background-color: #e3e3e3 }
	.uploadedFile a { cursor: pointer; text-decoration: none }
	.uploadedFile img { margin-left: 6px; margin-bottom: -3px }
	.uploadedFile .delete { display: block; float: right; color: #666; cursor: pointer; }

	.ext { text-indent: 22px; background-repeat: no-repeat; background-position: 2px 4px }
	.ext_7z { background-image: url(../../images/extension_7z.png) }
	.ext_csv { background-image: url(../../images/extension_csv.png) }
	.ext_doc,.ext_docx { background-image: url(../../images/extension_doc.png) }
	.ext_gif,.ext_jpg,.ext_jpeg,.ext_png,.ext_bmp { background-image: url(../../images/extension_gif.png) }
	.ext_mov { background-image: url(../../images/extension_mov.png) }
	.ext_pdf { background-image: url(../../images/extension_pdf.png) }
	.ext_ppt,.ext_pptx { background-image: url(../../images/extension_ppt.png) }
	.ext_swf { background-image: url(../../images/extension_swf.png) }
	.ext_txt { background-image: url(../../images/extension_txt.png) }
	.ext_xls,.ext_xlsx { background-image: url(../../images/extension_xls.png) }
	.ext_zip { background-image: url(../../images/extension_zip.png) }
	
	

/*	-------------------------------------------------------------
	_O_Override styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.left { float: left }
	.right { float: right }
	.center{ text-align: center }

	.block { display: block }

	.two { float: left; width: 490px; clear: none }
	.three { float: left; width: 320px; clear: none }
	
	/*.hide, .hidden { display: none }*/
	.capitalise { text-transform: uppercase }

	.clear { clear: both }
	small { font-size: 95%; color: #666 }
	.hidden, .hide { display: none }

	strong { font-weight: 700 }

	/*
	Commented out due to issues with bootstrap fade class
	.fade, .faded { zoom: 1; filter: alpha(opacity=50); opacity: 0.5 }
	*/

	.noborder { border: none }

/*	-------------------------------------------------------------
	_P_Special fx
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.transition { 
		-webkit-transition: 250ms linear 0s;
		-moz-transition: 250ms linear 0s;
		-o-transition: 250ms linear 0s;
		transition: 250ms linear 0s }

	.shadow { box-shadow: 0 0 2px #999 }


	input.prefixsymbol { padding-left: 35px }
	span.prefixsymbol { display: block; position: absolute; padding: 2px }

section.participantWelcome { margin:20px; max-width: 1000px }
section.participantWelcome h1 { margin-bottom:5px; font-size:21px; font-weight:normal }
section.participantWelcome #welcome { margin:30px 0 10px 0 }
section.participantWelcome #welcome h1 { margin-bottom:5px }
section.participantWelcome #companies { margin:20px 0 20px 0 }
section.participantWelcome #companies h1 { display:inline-block; }
section.participantWelcome #profile_icon { position:relative; left:10px; top:15px; vertical-align:middle }
section.participantWelcome #profile_icon img { vertical-align:middle;  }
section.participantWelcome #companies_blue {  background-color:#e3f3f8; border:none 1px #cccccc; border-radius:10px;  padding:30px 10px; }/*background-color:#e3f3f8;*/
section.participantWelcome h1 a.panel_title { font-size:21px; font-weight:normal; }

section.participantWelcome article { width: 210px; margin: 0 15px 20px 0; padding:10px; text-align: center; float: left; border:solid 1px #cccccc; border-radius:10px }
section.participantWelcome article div.icon a { display: block }
section.participantWelcome article div.icon img { border: 0; width:50px; height:50px; margin:10px }
section.participantWelcome article .panel_title { font: 21px/24px "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; color: #222 }
section.participantWelcome article a.panel_title { text-decoration: none; color: #222 }
section.participantWelcome .companies_panel { display:inline-block; width:205px; margin-right:15px; padding:10px; }
section.participantWelcome .companies_panel h2 { font-size:12px; font-weight:bold; margin:0 0 5px 0 }

section.participantWelcome .panel_container { width:480px;  margin:10px 15px 10px 0; display:inline-block; }
section.participantWelcome .panel_container .panel_icon { position:relative; left:10px; top:15px; vertical-align:middle }
section.participantWelcome .panel_container .panel_icon img { vertical-align:middle; margin-right:5px }
section.participantWelcome .panel_container .panel_icon h1 { display:inline-block; }
section.participantWelcome .panel_container .panel_round { background-color:#ececec; padding:20px 20px; border-radius:10px; border:none 1px #cccccc }


/*
section.participantWelcome article * { font: 80% "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal }
section.participantWelcome article { width: 200px; margin: 20px; text-align: center; float: left }
section.participantWelcome article div.icon { height: 100px; width: 100px; border-radius: 50px; border: 1px solid #aaa;
	margin: 10px auto 0;
	background: #fafafa }
section.participantWelcome article h3 { font: 21px/24px "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal;
	color: #222 }
section.participantWelcome article a { text-decoration: none; color: #222 }

/* dynamic article Fx */
/*
section.participantWelcome article:hover div.icon { box-shadow: 0 0 2px #999 }
*/
#bottom_section { clear:both; margin-top:15px }
section.participantWelcome .wide_box { width:435px; display:inline-block; background-color:#ececec; margin-right:20px; padding:20px; border-radius:10px }
section.participantWelcome h1 { margin:0 }

.progress {
 width: 100%;   
 border: 1px solid #999;
	border-radius: 10px;
 position: relative;
 padding: 2px;
 margin:10px 0;
 background-color:#FFFFFF;
}

.percent {
 position: absolute;   
 left: 50%; margin-top: -2px
}

.bar {
 height: 10px; border-radius: 10px;
 background-color: #aaa;
}
.bar100 {
	background: #A9F182 }
	
/* Postfix and Prefix styling start here */
.ppfix, .prefixcurrency {
	height: 17px;
	vertical-align: middle;
	display: inline-block;
	float:left;	
} 
.ppfix {
	margin: 0;
	min-width: 150px;
	border: 1px solid #ccc;
	padding: 0px 3px;
}
  
span.prefixcurrency {
	width: 45px;
	padding: 0px 3px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	border-right: 0; 
}
div.prefixsymbol {
	margin:0px; 
	padding:1px 2px;
}

.paragraphCharsLimit {
	display:inline-block; font-size:10px; padding-left: 575px	
}

table.dataTable thead th.sorting:after
{
color: #000000;	
/*font-size: 100%;*/
vertical-align: middle;
display:inline;
margin: -5px -9px;
}
table.dataTable thead th.sorting_asc:after {
color: #008ACD;
/*font-size: 100%;*/
vertical-align: middle;
display:inline;
margin: -5px -9px;
}