@charset "utf-8"; 
/* 
	CSS Document 
	AUTHOR: Appollinaire Egny
	WEBSITE:http://www.domainnane.co.uk

	Created in Mozilla Firefox3 

	THEME NAME: themename
	DESCRIPTION:Bespoke template for SDD
	VERSION:1.0

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	@import url(homepage.css);
	@import url(navi.css);
	@import url(forms.css);
	@import url(tables.css);

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	@font-face {
		font-family: 'calibri';
		src: url('fonts/calibri-webfont.eot');
		src: url('fonts/calibri-webfont.eot?') format('embedded-opentype'), 
			 url('fonts/calibri-webfont.woff') format('woff'), 
			 url('fonts/calibri-webfont.ttf') format('opentype');
		font-weight: normal;
		font-style: normal;
	}

@media screen, print, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	html, body, div, span, applet, object, iframe,
	p, blockquote, pre, a, abbr, acronym, address, 
	big, cite, code, del, dfn, font, img, ins, 
	kbd, q, s, samp, small, strike, sub, sup, tt, 
	var, dl, dt, dd, ol, ul, li, fieldset, form, 
	label, legend, table, caption, tbody, tfoot, 
	thead, tr, th, td 									{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
	
	:focus 												{outline:0}
	body 												{font-family:'calibri', Arial, Helvetica, sans-serif; font-size:100%; color:#4d4d4d; margin:0; padding:0}
	ol, ul 												{list-style:none}
	
	table 												{border-collapse:separate; border-spacing:0}
	caption, th, td 									{text-align:left; font-weight:normal}
	blockquote:before, 
	blockquote:after,
	q:before, q:after 									{content:""}
	blockquote, q 										{quotes:"" ""}
	
	body 												{margin:0; padding:0; border:0; width:100%; background:#fff url('../../images/bg.gif') repeat-x top center; min-width:980px; font-size:90%; color:#4d4d4d}
	body 												{text-align:center}
	
	#fixed 												{margin:0 auto; width:980px; text-align:left}
	
	a 													{}
	a:hover 											{}
	h1, h2, h3 											{margin:0 0 .8em 0; padding:0}
	p 													{margin:0 0 .8em 0; padding:0}
	
	/*	-------------------------------------------------------------
		HACKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.clearfix:after 									{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
	.clearfix 											{display:inline-block}
	html[xmlns] .clearfix 								{display:block}
	* html .clearfix 									{height:1%}
	.clearfloat 										{clear:both; height:0; line-height:0; font-size:0; display:block}
	
	/*	-------------------------------------------------------------
		HEADER STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header 											{clear:both; width:100%}
	
	#header .logo-frame									{position:relative; float:left; padding:0; margin:0; width:124px; height:83px; overflow:hidden}
	#header .logout-frame								{position:relative; float:right; text-align:right; background:url('../../images/header-bg.gif') no-repeat bottom right; padding:3px 0 0; margin:0; width:497px; height:80px; overflow:hidden}
	#header .logout-frame a								{color:#fff; text-decoration:none; font-size:16px}
	
	/*	-------------------------------------------------------------
		MAIN STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#main 												{position:relative; clear:both; width:100%; overflow:hidden; line-height:18px}
	#main a 											{/*color: #4d4d4d; text-decoration: none*/}
	
	#content-frame										{position:relative; padding:60px 0; margin:0}
	
	#login												{position:relative; padding:0; margin:0 auto; width:265px}
	#login .logincontainer								{}
	#login .logincontainer .login-header				{position:relative; color:#fff; font-size:22px; padding:8px 14px 0; margin:0; background:url('../../images/header-1.jpg') no-repeat; width:237px; height:30px}
	#login .logincontainer .login-content				{position:relative; border:1px solid #dbdbdb; padding:17px 14px; font-size:18px; background:#fafafa}
	#login .logincontainer .login-content input.text	{padding:6px 5px; font-size:18px; width:222px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	#login .logincontainer .login-content label			{display:block; padding:0 0 5px; font-size:18px} 
	#login .logincontainer .login-content a				{color:#4d4d4d; text-decoration:none} 
	#login .logincontainer .login-content a:hover		{color:#4d4d4d; text-decoration:underline} 
	
	.table-header-frame									{position:relative; padding:8px 0 0; margin:0; width:961px; height:30px; background:url('../../images/table-header.jpg') no-repeat}
	.table-header-frame .res-head						{float:left; width:656px; color:#fff; font-size:25px; padding:0 20px}
	.table-header-frame .res-head em					{font-size:16px !important}
	.table-header-frame .res-content					{float:right; width:265px; color:#4d4d4d; font-size:16px; padding:5px 0 0 0; font-weight:bold}
						
	.table-header-frame .res-content ul#res				{margin: 0; padding: 0; white-space: nowrap}	
	.table-header-frame .res-content #res li			{display: block; float:left; list-style-type: none; padding:0 3px}
	.table-header-frame .res-content #res a 			{padding: 0 6px}
	.table-header-frame .res-content #res a:link, 
	.table-header-frame .res-content #res a:visited		{color: #4d4d4d; text-decoration: none}
	.table-header-frame .res-content #res a:hover		{color: #4d4d4d; text-decoration: none}
	
	.fullbar											{background:url('../../images/table-header-3.jpg') no-repeat !important}
	.halfbar											{background:url('../../images/table-header-2.jpg') no-repeat !important}
	
	.table-header-frame-sub								{position:relative; padding:8px 0 0; margin:0; width:961px; height:30px; background:url('../../images/table-header-2.jpg') no-repeat}
	.table-header-frame-sub .res-head					{float:left; width:656px; color:#fff; font-size:25px; padding:0 20px}
	.table-header-frame-sub .res-head em				{font-size:16px !important}
	.table-header-frame-sub .res-content				{float:right; width:205px; font-size:15px; padding:5px 0 0 0; font-weight:bold}
						
	.table-header-frame-sub .res-content ul#res			{margin: 0; padding: 0; white-space: nowrap}	
	.table-header-frame-sub .res-content #res li		{display: inline; list-style-type: none}
	.table-header-frame-sub .res-content #res a 		{padding: 0 6px}
	.table-header-frame-sub .res-content #res a:link, 
	.table-header-frame-sub .res-content #res a:visited	{color: #4d4d4d; text-decoration: none}
	.table-header-frame-sub .res-content #res a:hover	{color: #4d4d4d; text-decoration: none}

	.table-frame										{position:relative; padding:0; margin:0; width:959px; border-style:solid; border-width:0 1px; border-color:#e7e7e7}

	.column-left										{position:relative; float:left; padding:0; margin:0; width:760px}
	.table-search-frame									{position:relative; padding:0; margin:0; width:757px; overflow:hidden; border-style:solid; border-width:0 0 0 1px; border-color:#E0E0E0; background:#fdfdfd}
	.table-search-frame table							{width:757px}
	.table-search-frame table td span					{font-weight:bold; font-size:16px}
	.table-search-frame table td 						{border-right:1px solid #E0E0E0; padding-top:8px !important; padding-bottom:8px !important}
	
	.column-right										{position:relative; float:right; padding:0; margin:0; width:163px}
	.column-right .box									{position:relative; padding:0; margin:0; width:163px; overflow:hidden; font-size:16px !important}
	.column-right .box .box-top							{position:relative; color:#fff; font-size:16px; padding:5px 8px 0; margin:0; width:147px; height:21px; background:url('../../images/box-top.jpg') no-repeat}
	.column-right .box .box-content						{position:relative; padding:0; margin:0; width:161px; border-style:solid; border-width:0 1px; border-color:#E0E0E0}
	.column-right .box .box-content span				{display:block; padding:5px 8px 0; font-size:15px; color:#fff; margin:0; height:22px; background:url('../../images/box-content.jpg') repeat-x}
	.column-right .box .box-content ul					{padding: 10px 8px 0 8px; margin: 0}
	.column-right .box .box-content ul li				{list-style: none; margin: 0; padding: 0 0 10px}
	.column-right .box .box-content ul li a 			{color:#4d4d4d !important; text-decoration: none}
	.column-right .box .box-bottom						{position:relative; padding:0; margin:0; width:163px; height:14px; background:url('../../images/box-bottom.jpg') no-repeat}

	.on 												{padding-right: 20px; color:#4d4d4d; text-decoration:none; background: transparent url('../../images/arrow-on.png') no-repeat center right}
	.off 												{padding-right: 20px; color:#4d4d4d; text-decoration:none; background: transparent url('../../images/arrow-off.png') no-repeat center right}
	
	.table-search-header-frame							{position:relative; padding:0; margin:0; width:759px; height:38px; background:url('../../images/top-content-v1.jpg') no-repeat}
	.table-search-header-frame .column_a				{position:relative; float:left; width:400px; color:#fff; font-size:25px; padding:10px 0 0 15px; margin:0}
	.table-search-header-frame .column_b				{position:relative; float:right; width:191px; color:#fff; padding:10px 0 0 0; margin:0 42px 0 0}
	
	.table-search-header-frame .column_b #searchwrapper {width:191px; height:21px; background:url('../../images/search.jpg') no-repeat; padding:0px; margin:0px; position:relative}
	.table-search-header-frame .column_b #searchwrapper form {display:inline}
	.table-search-header-frame .column_b .searchbox 	{border:0px; background-color:transparent; position:absolute; top:-1px; left:3px; width:169px; height:21px; font-style:italic !important}
	.table-search-header-frame .column_b .searchbox_submit {border:0px; background-color:transparent; position:absolute; top:0px; left:169px; width:22px; height:21px}
	
	.tabs-frame											{ position:relative; padding:0; margin:0; width:960px; background: transparent url('../../images/menu-off.png') repeat-x top center;}
				
	ul.tabs 											{margin: 0; padding: 0; float: left; list-style: none; height: 37px; width: 100%}
	ul.tabs li 											{float: left; margin: 0; padding: 0; height: 37px; line-height: 28px; border-left: none; margin-bottom: -1px; /*background: #3b444d;*/ overflow: hidden; position: relative}
	ul.tabs li a 										{text-decoration: none; color: #fff; height: 37px; font-size:16px; display: block; padding: 0 14px; outline: none }
	ul.tabs li a:hover 									{background: transparent url('../../images/menu.png') no-repeat top center; color:#4d4d4d}	
	html ul.tabs li.active, 
	html ul.tabs li.active a  							{background: transparent url('../../images/menu.png') no-repeat top center; color:#4d4d4d}

	html ul.tabs li .active, 
	html ul.tabs li .active  							{background: transparent url('../../images/menu.png') no-repeat top center; color:#4d4d4d}


	.tab_container 										{clear: both; width: 100%}
	.tab_content 										{padding: 0}

	.tab-table											{}
	
	.tab-table td.tdborder								{width:33% !important; border-right:1px solid #e7e7e7}
	.tab-table td.tdnoborder							{width:33% !important}
	.tab-table div										{padding:15px 3px}
	
	textarea.text										{padding:6px 5px; font-size:18px; width:400px; height:150px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}  
	select.text, input.text								{padding:6px 5px; font-size:18px; width:222px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	textarea.text2										{padding:2px 5px; font-size:14px; width:250px; height:150px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}  
	textarea.text3										{padding:2px 5px; font-size:14px; width:265px; height:150px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}  
	select.text2										{padding:2px 5px; font-size:14px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	select.text3										{padding:2px 5px; font-size:14px; width:140px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	input.text2											{padding:2px 5px; font-size:14px; width:100px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	input.text3											{padding:2px 5px; font-size:14px; width:170px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	input.text4											{padding:2px 5px; font-size:14px; width:150px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	select.text5										{padding:2px 5px; font-size:14px; width:230px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	input.text5											{padding:2px 5px; font-size:14px; width:220px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 
	textarea, select, input 							{font-size:12px !important}
	input[type=checkbox] 								{margin:2px 7px 0 0}
	
	input.text3											{padding:6px 5px; font-size:18px; width:265px; border: 1px solid #d2d2d2; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} 

	
	/*	-------------------------------------------------------------
		FOOTER STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer 											{clear:both; width:100%}
	
	input:focus, select:focus 							{outline: none}

	.InputGroup 										{display: inline-block; padding: 3px 4px; border: 1px solid #fff; border-radius: 7px; -moz-border-radius: 7px}
	.ErrorField 										{border-color: #D00 !important; background: #FFFFFE}
	span.ValidationErrors 								{display: inline-block; font-size: 11px !important; color: #D00; padding-left: 10px; font-style: italic; font-weight:normal !important}

/* 
	CSS Document 
*/
	#trigger 											{text-align:center}
	
/* 
	Style you custom popupbox according to your requirement 
*/
	.popupbox02											{width:800px; height:450px; background:#fff; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999}
	.popupbox 											{width:302px; height:196px; background:#fff; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999}
	#fade 												{display: none; background: #ccc; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999}
	#intabdiv 											{text-align:left}
	#close img 											{text-decoration:none}
	#close 												{width:50px; height:50px; position: absolute; float:right}
	
	#intabdiv .top										{overflow:hidden; position:relative; padding:9px 10px 0; margin:0; width:282px; height:30px; color:#fff; font-size:22px; background:url('../../images/search-rs.png') no-repeat}
	#intabdiv .topnone									{width:800px !important; background:url('../../images/search-rs-long.png') no-repeat !important}
	#intabdiv .content									{position:relative; padding:20px 10px;  margin:0 auto; width:280px; height:117px; border-style:solid; border-color:#ccc; border-width:0 1px 1px 1px}
	
	#intabdiv .content label							{display:block; font-weight:bold; padding:0 0 5px}
	#intabdiv .content span								{display:block; font-weight:bold; padding:20px 0 0; text-align:right}
	
	#ui-datepicker-div 									{font-size:12px !important}
	#ui-datepicker-div table td 						{padding:1px !important}
	
/*
	input.required, textarea.required 					{border: 1px solid #00A8E6}
*/
	
	input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300; color: #FF3300}
	input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00; color: #4d4d4d}
	.validation-advice 									{margin: 5px 0; padding: 5px; background-color: #990000; color:#fff; font-weight: normal; font-size:12px}
	.custom-advice 										{margin: 5px 0; padding: 5px; background-color: #C8AA00; color: #fff; font-weight: bold}
	
	.tbl_1 td a 										{color:#4d4d4d !important; text-decoration:underline !important}
	.tbl_1 td a:hover 									{text-decoration:none !important}

	#tblP span											{font-weight:bold; font-size:16px}
	
	
	.pagination											{position:relative; padding:0; margin:0}
	.pagination a										{text-decoration:none !important; color:#4d4d4d; display:block; float:left; padding:0 5px 0 0 !important}
	.pagination span									{display:block; float:left; padding:0 5px 0 0 !important}
	
	.tbl_1 td											{vertical-align:top !important}
	
	
	
	tr td 				{height:31px}
tr.head td 			{background: #dcdddf; height:31px; font-weight:bold}
td					{padding:5px !important; vertical-align:middle !important}
tr 					{border-style:solid; border-width:0 1px 1px 1px; border-color:#e7e7e7}
.tbl_1 				{}
.tbl_1 tr td 		{height:31px; border-bottom: 1px solid #e7e7e7 !important}
/*
.tbl_1 tr.head td 	{border-bottom: 1px solid #dcdddf !important; background: #D3D7D8 url('../../images/th-bg1.jpg') repeat-x center bottom !important; height:22px; font-weight:bold}
*/
.tbl_1 tr.head td 	{border-bottom: 1px solid #dcdddf !important; background: #D3D7D8 !important; height:22px; font-weight:bold}
.tbl_1 tr.head02 td 	{border-top: 2px solid #BDBFBE !important; border-bottom: 1px solid #dcdddf !important; background: #D3D7D8 url('../../images/th-bg.jpg') repeat-x center bottom !important; height:22px; font-weight:bold}


/*
* Form button
*/
.btn-sendmail 		{display:block; text-indent:-99999px; background:url('../../images/send-email.png') no-repeat; cursor:pointer; width:108px; height:28px; border:none}
.btn-login 			{display:block; text-indent:-99999px; background:url('../../images/login-btn.png') no-repeat; cursor:pointer; width:63px; height:28px; border:none !important; outline:none}
.btn-search			{display:block; text-indent:-99999px; background:url('../../images/search-btn.png') no-repeat; cursor:pointer; width:60px; height:25px; border:none !important; outline:none}
.btn-search-go		{display:block; text-indent:-99999px; background:url('../../images/search-go.jpg') no-repeat; cursor:pointer; width:22px; height:21px; border:none !important; outline:none}
.btn-search-save	{display:block; text-indent:-99999px; background:url('../../images/save-btn.png') no-repeat; cursor:pointer; width:57px; height:28px; border:none !important; outline:none}
.btn-search-save-continue {display:block; text-indent:-99999px; background:url('../../images/btn-save-and-continue.jpg') no-repeat; cursor:pointer; width:158px; height:27px; border:none !important; outline:none}


* {
				margin:0; 
				padding:0;
			}

			#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(../../images/tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				padding:8px;
			}

			#content {
				background:#fff;
				padding:20px;
			}

			#closeBtn {
				position:absolute;
				background:url(../../images/close.png) 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}


}