/*  ================================================== 
 *
 *  Created by Fabien Doiron - September 16, 2007
 *  Copyright � 2007 non~linear creations
 *  All Right Reserved
 *  
 *  Default Stylesheet - css/default.css 
 *	Last modified - December 14, 2007
 *
 *  ==================================================
 */

html
{
	font-size: 62.5%;
}
body
{
	font-family: Arial, Verdana, sans-serif;
	/*font-size: 12px;*/
	/*font: 1.2em/1.25 Arial, Verdana, sans-serif;*/
	font-size: 1.2em;
	line-height: 1.25em;
	color: #3F3F3F;
	background-color: #FFFFFF;
}

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  ========== CONTENT TAGS ==========  */

	/* Headings */
		h1, h2, h3, h4, h5, h6		{ font-family: Arial, Verdana, sans-serif; color: #000000; background-color: #FFFFFF; }
		
		h1	{ font-size: 2.3333em; line-height: 28px; color: #4B90CC; background-color: transparent; font-weight: normal; margin-bottom:16px;}
		h2	{ font-size: 1.4167em; line-height: 16px; color: #7F7F7F; background-color: transparent; margin-bottom: 9px; text-transform: uppercase; }
		h3	{ font-size: 1.1667em; line-height: 14px; color: #000000; background-color: transparent; margin-bottom: 9px; }
		h4	{ font-size: 1em; line-height: 13px; color: #4B90CC; background-color: transparent; margin-bottom: 9px; }
		h5	{ font-size: 1em; line-height: 12px; color: #3F3F3F; background-color: transparent;}
		h6	{ font-size: 0.75em; line-height: 11px; }
		
		div.blue-arrow 		{ 
			background-image: url(../design/ftr_arrow_blue.gif); 
			background-position: 15px 0;
			background-repeat: no-repeat;
			padding-top: 40px;
		}
		div.black-arrow 		{ 
			background-image: url(../design/ftr_arrow_black.gif); 
			background-position: 15px 0;
			background-repeat: no-repeat;
			padding-top: 40px; 
		}		

		div.hr
		{
			border:none;
			border-top:1px dashed #c7c7c7;
			margin: 10px 0;
			height:0;
			padding: 0;
		}
		
	/* Paragraph */
		p		{ line-height: 14px; }
		p.intro-text 	{ color: #686868; }
		
	/* Links */
		a		{ color: #0C64C0; }
		a:link		{ }
		a:visited	{ color: #6a97c0; }
		a:hover		{ text-decoration: none; }
		
	/* Lists */
		ul		{ }
		ul li		{ }
		ol		{ }
		ol li		{ padding-bottom: 5px; }

	/* Table */
		table		{ }
		tr		{ }
		th		{ }
		td		{ }
		
	/* Quotes */
		blockquote	{ font-style: italic; padding: 15px; }

	/* Form Fields */
		textarea { width: 400px; }
		
/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== DIV - Center Aligned ==========  */
		#wrapper			{ width: 719px; text-align: center; margin: 5px auto 11px auto; }
		#container			{ text-align: left; }
		#header				{ position: relative; }
		#sub-header 			{ margin-top: 17px; font-weight: bold; }
		#content-container 		{ border: 1px dashed #C7C7C7; margin-top: 5px; margin-bottom:9px; padding-bottom:0; }
			#topnav			{ font-size: 0.9167em; line-height: 1.2727em; font-weight: bold; height: 48px; text-align: right; text-transform: uppercase; }
			#breadcrumb		{ background-color: #F0F0F0; color: #7F7F7F; font-size: 0.8333em; line-height: 1.3em; padding: 10px 20px; margin: 0; }
			#send2friend		{ text-align: right; font-size: 0.8333em; line-height: 1.3em; margin: 5px 5px 0 0; }
			#content		{ padding-left: 16px; padding-right: 16px; padding-bottom: 16px; }
				#nav-column	{ width: 215px; }
				#main-column	{ width: 455px; padding-left: 27px; }
		#footer				{ clear: both; font-size: 0.8333em; line-height: 1.2727em; color: #7F7F7F; margin-bottom: 11px; margin-left: -7px;}
		
/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== HEADER STYLES ========== */
		#header .hdr-right
		{
			text-align: right;
		}
		
		/* start horizontal list */
		#header ul.nav-tool-links
		{
			margin: 0;
			margin-top: 5px;
			padding: 0;
			list-style: none;
			font-size: 0.9167em;
			line-height: 1.2727em;
		}
		
		#header ul.nav-tool-links li
		{
			border-right: 1px solid #7F7F7F;
			float: right;
			/*padding-right: 10px;
			margin-left: 10px;*/
		}
		
		#header ul.nav-tool-links li a
		{
			padding: 5px 10px;
		}

		#header ul.nav-tool-links li a:link, #header ul.nav-tool-links li a:active
		{
			color: #7F7F7F;
		}
		
		#header ul.nav-tool-links li a:hover
		{
			color: #000000;
		}
		
		#header ul.nav-tool-links li a:visited
		{
			color: #ACABAB;
		}
		
		#header ul.nav-tool-links li a:link, #header ul.nav-tool-links li a:hover, #header ul.nav-tool-links li a:active, #header ul.nav-tool-links li a:visited
		{
			text-decoration: none;
		}
		
		/* Used only if first item has extra padding, margin, border... */
		#header ul.nav-tool-links li.first-link
		{
			margin-left: 0;
		}
		
		/* Used only if last item has extra padding, margin, border... */
		#header ul.nav-tool-links li.last-link
		{
			padding-right: 0;
			border: none;
		}
		#header ul.nav-tool-links li.last-link a
		{
			padding-right: 0;
		}
		/* end horizontal list */
		
/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== SUBHEADER STYLES ========== */
	
		#sub-header img
		{
			vertical-align: middle;
		}
		/* start horizontal list */
		#sub-header ul.nav-lang-links
		{
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0.9167em;
		}
		
		#sub-header ul.nav-lang-links li
		{
			border-right: 1px solid #4B90CC;
			float: left;
			padding-right: 10px;
			margin-left: 10px;
		}
		
		#sub-header a:link, #sub-header a:active, #sub-header a:visited
		{
			color: #4B90CC;
		}
		
		#sub-header a:hover
		{
			color: #000000;
		}
		
		#sub-header a:link, #sub-header a:hover, #sub-header a:active, #sub-header a:visited
		{
			text-decoration: none;
		}
		
		/* Used only if first item has extra padding, margin, border... */
		#sub-header ul.nav-lang-links li.first-link
		{
			margin-left: 0;
		}
		
		/* Used only if last item has extra padding, margin, border... */
		#sub-header ul.nav-lang-links li.last-link
		{
			padding-right: 0;
			border: none;
		}
		/* end horizontal list */

		#sub-header form.changeOrg input
		{
			padding: 0px;
			margin: 0 3px;
			font-size: 0.8em;
		}
		#sub-header form.changeOrg select
		{
			font-size: 0.9em;
		}
				
/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== TOPNAV STYLES ========== */
	
		#topnav ul.nav-tabs-on-black
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#topnav ul.nav-tabs-on-black li
		{
			border-left: 4px solid #000000;
			float: right;
		}
		
		#topnav ul.nav-tabs-on-black li a:link, #topnav ul.nav-tabs-on-black li a:visited
		{
			background-color: #3e3e3e;
			float: left;
			padding: 12px 25px;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#topnav ul.nav-tabs-on-black li a:hover, #topnav ul.nav-tabs-on-black li a:active
		{
			background-color: #646464;
			float: left;
			padding: 12px 25px;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		/* Used only if first item has extra padding, margin, border... */
		#topnav ul.nav-tabs-on-black li.first-link
		{
			margin-left: 0;
		}
		
		/* Used only if last item has extra padding, margin, border... */
		#topnav ul.nav-tabs-on-black li.last-link
		{
			border-right: 0px solid #000000;
		}
		
		#banner-home
		{
			
		}
		
		#banner-home .text-image-box
		{
			top: 76px;
		}

/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== BREADCRUMB / SEND2FRIEND STYLES ========== */
	
		#breadcrumb a
		{
			color: #7F7F7F;
		}
		
		#send2friend img
		{
			vertical-align: -2px;
			padding-right: 2px;
		}
		
		#send2friend a
		{
			color: #4B90CC;
			text-transform: uppercase;
		}
		
		#send2friend a:link, #send2friend a:visited
		{
			text-decoration: none;
		}
		
		#send2friend a:hover, #send2friend a:active
		{
			text-decoration: underline;
		}

/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== CONTENT STYLES ========== */

		#content .faqitem
		{
			margin-top: 16px;
		}

		#content .white-button-container
		{
			 height: 13px;
		}
	
		#content .black-button-container
		{
			 height: 26px;
		}

		#content .white-button
		{
			margin: 0;
			padding: 6px 0px 4px 0px;
			/*height: 12px;*/
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
			/*background: #FFFFFF url(../design/btn_plus.gif) no-repeat 8px 10px;*/
		}
		
		#content .white-button img
		{
			padding-right: 9px;
		}
		
		#content .white-button a
		{
			text-decoration: none !important;
			background: #FFFFFF url(../design/btn_plus.gif) no-repeat 8px 10px;
			padding: 6px 13px 4px 25px;
		}
		
		#content .white-button a:link, #content .white-button a:visited
		{
			color: #000000 !important;
		}

		#content .white-button a:hover, #content .white-button a:active
		{
			color: #4B90CC !important;
		}
		
		#content .black-button
		{
			background: #000000 url(../design/btn_plus_black.gif) no-repeat 0 0;
			color: #FFFFFF;
			padding: 6px 0px 5px 0px;
			margin: 0;
			font-weight: bold;
		}
		
		#content .black-button a
		{
			text-decoration: none;
			padding: 6px 14px 5px 42px;
		}
		
		#content .black-button a:link, #content .black-button a:visited
		{
			color: #FFFFFF;
		}

		#content .black-button a:hover, #content .black-button a:active
		{
			color: #9ACFF1;
		}
		
		#content .results-container
		{
			text-align: right;
			margin-top: 22px;
		}
		
		#content table.listtable
		{
			border: none 0;
			margin: 3px 0 20px 0;
		}
		
		#content table.listtable tr
		{
			background-color: #F4F4F4;
		}
		
		#content table.listtable tr.dark
		{
			background-color: #E4E4E4;
		}
		
		#content table.listtable th
		{
			padding: 2px 0 2px 10px;
			width: 125px;
		}
		
		#content table.listtable td
		{
			padding: 2px;
		}
		
		#content table.datatable
		{
			border: 1px solid #595959;
			margin: 3px 0;
		}
		
		#content table.datatable tr
		{
			background-color: #FFFFFF;
		}
		
		#content table.datatable tr.dark
		{
			background-color: #EDEDED;
		}
		
		#content table.datatable tr.blue
		{
//		background-color: #EFF5FC;
			background-color: #FFFFFF;
		}
		#content table.datatable tr.blue td
		{
			padding: 0;
		}
		#content table.datatable tr.blue table.links tr
		{
			background-color: transparent;
		}
		#content table.datatable tr.blue table.links td
		{
			padding:3px 5px;
		   vertical-align: middle;
		}
		#content table.datatable tr.blue table.form tr
		{
			background-color: transparent;
		}
		#content table.datatable tr.blue table.form td
		{
			padding:3px 4px;
			text-align: right;
		}
		#content table.datatable tr.blue table.form td.left
		{
			padding:3px 4px;
			text-align: left;
		}
		#content table.datatable tr.blue table.form input.text
		{
			width: 280px;
		}
		#content select.ddl
		{
			width: 284px;
		}
		#content table.datatable tr.blue table.form textarea
		{
			width: 389px;
		}		
		#content table.datatable tr.blue table.form input.fulltext
		{
			width: 389px;
		}
		#content table.datatable tr.blue div.form-container
		{
			margin: 10px 10px 0 30px;
		}
		#content table.datatable tr.blue div.info-links
		{
			width: 200px;
			margin:7px 0;
		}
		#content table.datatable tr.blue div.info-text
		{
			width: 430px;
			margin:7px 0 7px 20px;
		}
		#content table.datatable tr.blue div.form
		{
			width: 450px;
		}
		#content table.datatable tr.blue div.form-notes
		{
			width: 183px;
		}
		#content table.datatable tr.blue p
		{
			margin-bottom: 8px;
		}
		#content table.datatable tr.blue p.headline
		{
			font-size: 1.5em;
			color: #4B90CC;
		}
		
		#content table.datatable th
		{
			border-bottom: 1px solid #595959;
			border-right: 1px solid #595959;
			background-color: #969696;
			color: #FFFFFF;
			padding: 5px 6px 5px 6px;
		}
		
		#content table.datatable th.last
		{
			border-right: none;
		}
		
		#content table.datatable div.header
		{
			position: relative;
			margin-bottom: 2px;
			padding-right: 12px;
		}
		
		#content table.datatable div.header img
		{
			position: absolute;
			right: 0;
		}

		#content table.datatable td
		{
			padding: 7px 6px 7px 10px;
		}
		
		#content table.datatable .save-changes-button
		{
			margin: 0 16px 16px 0;
		}

		#content table.tabtable
		{
			margin-top: 3px;
		}
		
		#content table.tabtable a
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#content table.tabtable a:hover, #content table.tabtable a:active
		{
			text-decoration: underline;
		}
		
		#content table.tabtable td
		{
			background-color: #4B90CC;
			color: #FFFFFF;
			font-weight: bold;
			text-align: center;
			border: none;
			border-bottom:1px solid white;
			border-left: 1px solid white;
			vertical-align: middle;
			padding: 5px 6px 5px 10px;
		}
		
		#content table.tabtable td.first
		{
			border-left: none !important;
		}
		
		#content table.tabtable td.active
		{
			background-color: #595959;
			border-bottom: 1px solid #595959;
		}
		
		#content table.contact-form 
		{
			margin:0 auto;
			margin-bottom: 12px;
			width:90%;
		}
		
		#content table.contact-form td
		{
			padding-top:5px;
		}

		#content table.contact-form td.form-field
		{
			text-align: right;
		}
		
		#content table.contact-form td input.text
		{
			width: 225px;
			padding: 0;
		}
		
		#content table.contact-form td textarea.text-area
		{
			width: 400px;
		}
		
		#content table.send2friend-form 
		{
			margin:0 auto;
			margin-bottom: 12px;
			width:90%;
		}
		
		#content table.send2friend-form td
		{
			padding-top:5px;
			vertical-align: top;
		}

		#content table.send2friend-form td.form-field
		{
			text-align: right;
		}
		
		#content table.send2friend-form td input.text
		{
			width: 400px;
			padding: 0;
		}
		
		#content table.send2friend-form td textarea.text-area
		{
			width: 400px;
		}
		
		#content ul.box-arrow
		{
			margin: 0px;
			margin-bottom:25px;
			padding: 0;
			list-style: none;
		}

		#content ul.box-arrow li
		{
			background: url(../design/bullet_arrow1.gif) no-repeat 0 3px;
			margin: 4px 0;
			padding-left: 17px;
		}
		
		#content .highlight-box
		{
			border: none 0;
			border-top: 1px dashed #C7C7C7;
			border-bottom: 1px dashed #C7C7C7;
			padding: 13px 18px 13px 13px;
			margin: 10px 0;
			background-color: #F4F4F4;
		}
		
		#content .highlight-box p
		{
			margin: 0px;
		}

		#content .big-box-container
		{
			margin-top: 16px;
		}
		
		#content .blue-columns-bg
		{
			background: #FFFFFF url(../design/bg_blue_cols.gif) repeat-y;
		}

		#content .grey-columns-bg
		{
			background: #FFFFFF url(../design/bg_grey_cols.gif) repeat-y;
		}

		#content .big-box-left
		{
			float: left;
			padding: 15px 15px 30px 15px;
			width: 423px;
		}
		
		#content .big-box-left-with-right-image
		{
			float: left;
			padding: 15px 15px 7px 15px;
			/*height: 183px;*/
			width: 423px;
			color: #636363;
			font-size: 0.9167em;
			line-height: 1.2727em;
		}
		
		#content .big-box-left-with-right-image p
		{
			margin: 6px 0;
		}
		
		#content .big-box-left-with-right-image p.header
		{
			font-size: 1.3636em;
			line-height: 16px;
			font-weight: bold;
			margin: 0;
		}
		
		#content .big-box-left-with-right-image ul
		{
			color: #0C64C0;
			list-style-type: disc;
			padding: 0 0 0 16px;
			margin: 7px 0;
			font-weight: normal;
		}
		
		#content .big-box-left-with-right-image li
		{
			padding:0;
			margin: 3px 0;
		}
		
		#content .big-box-left-with-right-image li a:link
		{
			text-decoration: none;
		}
		#content .big-box-left-with-right-image li a:hover, #content .big-box-left-with-right-image li a:active
		{
			text-decoration: underline;
		}
		#content .big-box-left-with-right-image li a:visited
		{
			text-decoration: none;
		}

		#content .big-box-right-image
		{
			width: 231px;
			height: 213px;
			float: right;
		}
		
		#content .two-equal-column-container
		{
			padding-top:7px;
		}
		
		#content .two-equal-column-container .column
		{
			width:320px;
			margin: 0 3px;
		}
		
		#content .two-equal-column-container p
		{
			margin:8px 0;
		}
		
		#content .two-equal-column-container p.headline
		{
			font-size: 1.3333em;
			font-weight: bold;
			color: #4B90CC;
		}
		#content input.black-button 
		{
			cursor: pointer;
			font-size: 1em;
			border: none;
			font-family: Arial, Verdana, sans-serif;
			margin: 0;
			padding: 5px 10px 4px 39px;
			padd\ing: 5px 4px 4px 30px;
		}
		#content input.black-button:hover
		{
			color: #9ACFF1;
		}
		#content input.white-button 
		{
			font-size: 1em;
			border: none;
			font-family: Arial, Verdana, sans-serif;
			margin: 0;
			padding: 5px 10px 4px 39px;
			background: #FFFFFF url(../design/btn_plus.gif) no-repeat 8px 10px;
		}
		
		#content input.white-button:hover
		{
			color: #4B90CC;
		}


/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== FOOTER STYLES ========== */

		#footer p
		{
			margin-left: 7px;
		}

		/* start horizontal list */
		#footer ul.nav-footer-links
		{
			margin: 3px 0;
			padding: 0;
			list-style: none;
		}
		
		#footer ul.nav-footer-links li
		{
			border-right: 1px solid #7F7F7F;
			float: left;
			padding-right: 7px;
			margin-left: 7px;
		}
		
		#footer a:link
		{
			color: #7F7F7F;
			text-decoration: underline;
		}
		
		#footer a:visited
		{
			color: #ACABAB;
			text-decoration: underline;
		}
		
		#footer a:hover, #footer a:active
		{
			color: #7F7F7F;
			text-decoration: none;
		}
		
		/* Used only if first item has extra padding, margin, border... */
		#footer ul.nav-footer-links li.first-link
		{
			margin-left: 0;
		}
		
		/* Used only if last item has extra padding, margin, border... */
		#footer ul.nav-footer-links li.last-link
		{
			padding-right: 0;
			border: none;
		}
		/* end horizontal list */
	
/*  ================================================================================================  */
/*  ================================================================================================  */

	/*  ========== COMMON STYLES ========== */

		.bg-white 		{ background-color: #FFFFFF; color: #000000; }
		.bg-light-blue 		{ background-color: #C8D8F2; color: #000000; }
		.bg-dark-blue 		{ background-color: #4B90CC; color: #FFFFFF; }
		.bg-light-grey 		{ background-color: #E8E8E8; color: #000000; }
		.bg-black 		{ background-color: #000000; color: #FFFFFF; }
		
		.txt-white		{ color: #FFFFFF; }
		.txt-light-blue		{ color: #9ACFF1; }
		.txt-blue		{ color: #4B90CC; }
		.txt-dark-blue		{ color: #0C64C0; }
		.txt-black		{ color: #000000; }
		
		.txt-error			{ color: #CC0000; }
		.txt-success		{ color: #006600; }
		.txt-notice			{ color: #996600; }

		.no-padding		{ padding: 0 !important; }
		.no-top-padding 	{ padding-top: 0 !important; }
		.no-right-padding 	{ padding-right: 0 !important; }
		.no-bottom-padding 	{ padding-bottom: 0 !important; }
		.no-left-padding 	{ padding-left: 0 !important; }
		
		.no-margin		{ margin: 0 !important; }
		.no-top-margin 		{ margin-top: 0 !important; }
		.no-right-margin 	{ margin-right: 0 !important; }
		.no-bottom-margin 	{ margin-bottom: 0 !important; }
		.no-left-margin 	{ margin-left: 0 !important; }
		
		.pos-rel		{ position: relative; }
		.pos-abs		{ position: absolute; }
		.top			{ top: 0; }
		.right			{ right: 0; }
		.bottom			{ bottom: 0; }
		.left			{ left: 0; }
		
		.highlight		{ background: #C8D8F2; }
		.hidden			{ display: none; }
		.inactive		{ color:#B7D3EB; }

.large
{
       font-size: 1.4em;
}

.halfMargin
{
       margin-right: 18px;
}

.half
{
       width: 333px;
       float: left;
}

.status-holder
{
       padding: 20px 0;
       overflow: hidden;
}

.status-box
{
       padding: 10px;
       background-color: #F4F4F4;
       border-top: 1px dashed #C6C6C6;
       border-bottom: 1px dashed #C6C6C6;
}

.status-box p
{
       margin: .5em 0;
       line-height: 1.3em;
}


.subtabtable
{
       background-color: #595959;
       overflow: hidden;
       padding: 15px;
}

.subtabtable ul
{
       list-style: none;
       padding: 0;
       margin: 0;
}

.subtabtable li
{
       float: left;
       padding: 0 20px;
       font-weight: bold;
       color: #FFFFFF;
       border-right: 1px solid #FFFFFF;
}

.subtabtable li a,
.subtabtable li a:link,
.subtabtable li a:active,
.subtabtable li a:visited
{
       color: #FFFFFF;
       font-weight: normal;
       text-decoration: none;
}

.subtabtable li a:hover
{
       text-decoration: underline;
}

.subtabtable li.disabled { 
	color:#ACACAC; 
}

.subtabtable li.last
{
       border-right: none;
       padding-right: 0;
}

li.thumbsup,
li.thumbsdown,
li.invitation {
                margin: 10px 0;
                padding-left: 20px;
}

li.thumbsup { background: url("/resources/design/icon_approved.gif") no-repeat left top; }
li.thumbsdown { background: url("/resources/design/icon_rejected2.gif") no-repeat left top; }
li.invitation { background: url("/resources/design/icon_invitation_alert.gif") no-repeat left top; }

ul.icons {
                list-style: none;
                padding: 0;
                margin: 0;
}

.padded_fb_data {
	margin-top:	-15px;
	padding-left: 12px;
}

.admin-left-nav {
	font-size: 0.875em;
	color: #4B90CC;
}

#content .admin-left-nav li a:link, 
#content .admin-left-nav li a:visited, 
#content .admin-left-nav li a:hover, 
#content .admin-left-nav li a:active {
	color: #4B90CC;
}

img.withborder {
	border: 1px solid #000 !important;
}