@media all {
	/* global */
	body, input, textarea, option, select { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #333333; line-height: 15pt; }
	body { /*background: url(/images/builds/main/1/structure/bg.png) top repeat-x #EEEEEE;*/ background:#FFFFFF; margin: 0; }
	a:link, a:visited { color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
	a:hover, a:active { color: #000000; text-decoration: none; border-bottom: 1px solid #00478B; }
	
	/* headers */
	h1, h2, h3, h4 { color: #666666; text-decoration: none; display: block; line-height: normal; font-weight: lighter; }
	h1 { font-size: 16pt; }
	h2 { font-size: 14pt; }
	h3 { font-size: 12pt; }
	h4 { font-size: 10pt; }
	
	/* tables */
	th, td { font-weight: normal; vertical-align: top; }
	th { font-weight: bold; text-align: left; }
	
	/* images */
	a img, img { border: none; }
		a img { vertical-align: middle; border: none; }
	img.clickable { vertical-align: middle; }
	
	/* alignment */
	.centre { position: relative; display: block; text-align: center; margin: 0 auto 0 auto; }
	.fl { float: left; }
	.left { float: left; display: block; text-align: left; }
		img.left { margin: auto 10px 10px auto; }
	.right { float: right; display: block; text-align: left; }
		img.right { margin: auto auto 10px 10px; }
		.right a { margin-left: 10px; }
		.right a:first-child { margin-left: auto; }
	
	/* low/high lighting */
	.lowlight { color: #333333; text-decoration: none; background-color: #efefef; border-bottom: 1px solid #eeeeee; }
	.highlight { color: #333333; text-decoration: none; background-color: #FFFFCC; border-bottom: 1px solid #FFFF66; }
	.highlightloading { display: block; background: url(/images/icons/loading.gif) 10px center #EEEEEE no-repeat; border: 1px solid #CCCCCC; padding: 12px 10px 8px 36px; width: auto; color: #333333; margin-bottom: 10px; }
	.highlightprogress { display: block; background: url(/images/icons/loading.gif) 10px center #EEEEEE no-repeat; padding: 12px 10px 8px 36px; width: auto; color: #333333; }
	.highlightsuccess { display: block; background: url(/images/icons/accept.png) 10px center #E0FF9C no-repeat; border: 1px solid #66CC66; padding: 12px 10px 8px 36px; width: auto; color: #006600; margin-bottom: 10px; }
	.highlightnotice { display: block; background: url(/images/icons/error.png) 10px center #FFFFCC no-repeat; border: 1px solid #FFFF66; padding: 12px 10px 8px 36px; width: auto; color: #333333; margin-bottom: 10px; }
	.highlighterror { display: block; background: url(/images/icons/exclamation.png) 10px center #fee9e2 no-repeat; border: 1px solid #fbc3b5; padding: 12px 10px 8px 36px; width: auto; color: #CC0000; margin-bottom: 10px; }
	.highlightloadinginline { display: inline; background: #EEEEEE; width: auto; color: #333333; }
	.highlightsuccessinline { display: inline; background: #E0FF9C; width: auto; color: #006600; }
	.highlightnoticeinline { display: inline; background: #FFFFCC; width: auto; color: #333333; }
	.highlighterrorinline { display: inline; background: #fee9e2; width: auto; color: #CC0000; }
	
	div.highlightsuccess a.download { padding-right: 22px; border: none; font-weight: bold; color: #006600; }
	div.highlightsuccess a.download:hover { background: url(/images/icons/disk.png) right no-repeat; }

	/* forms */
	optgroup { font-style: normal; }
	label { cursor: pointer; }
	fieldset { border: 1px solid #CCCCCC; margin-bottom: 10px; }
	legend {  }
	form { margin: 0; padding: 0; }
	form td, form th {  }
	.extendfields input, .extendfields textarea { width: 750px; }
	.extendfields input.button, .extendfields input[type=checkbox] { width: auto; }
	input, textarea, select { padding: 2px; border: 1px solid #999999; color: #000000; margin-top: 1px; background-color: #FFFFFF; line-height: normal; }
		input:focus, textarea:focus, select:focus { border-color: #99CCFF; color: #000000; }
		input.button, input[type=button], input[type=submit] { color: #000000; padding: 3px; border-bottom: 2px solid #999999; width: auto; background-color: #EEEEEE; text-align: center; vertical-align: middle; }
		input.button:hover, input[type=button]:hover, input[type=submit]:hover { cursor: pointer; border-color: #CCCCCC; }
		input[type=checkbox] { width: auto; }
		input[disabled], input[disabled].button { border-color: #eeeeee; color: #CCCCCC; cursor: crosshair; }
	select[multiple] { height: 70px; }
	input#SearchBox { font-size: 1.8em; padding: 6px; }
	.selectfixwidth { width: 345px; }
	
	/* useful classes */
	.none { display: none; visibility: hidden; height: 0px; width: 0px; }
	.border { padding: 10px; border: 1px solid #CCCCCC; margin: 10px auto; background-color: #FFFFFF; }
	.borderbottom { border-bottom: 1px solid #eeeeee; }
	.log { display: block; position: relative; width: auto; height: 300px; padding: 10px; overflow: auto; border: 1px solid #999999; margin: 10px auto; }
	.maxheight { display: block; position: relative; max-height: 300px; overflow: auto; }
	.clickable { cursor: pointer; }
		tr.clickable:hover, tr.hoverable:hover { background-color: #FFFFCC; }
		tr.hoverable:hover a, tr.hoverable:hover *[onclick] { cursor: pointer; }
	.altrow { background-color: #EEEEEE; }
	.altrowb { background-color: #F5F5F5; }
	.caps { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }
	.red { color: #E95C55; }
	.green { color: #009D96; }
	.code { width: 90%; height: auto; font-family: Monaco, "Courier New", "Andale Mono", serif; font-size: 8pt; line-height: normal; }
	.redbox { background-color: #fbdddb; padding: 10px; }
	.greybox { background-color: #efefef; padding: 10px; }
	.tablelabel th { padding:3px 0px 0px 6px; background-color: #EEEEEE; border-bottom:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; text-transform: uppercase; font-size: 11px; font-weight: normal; }
	.lastupdated { text-align: right; color: #666666; padding-right: 3px; }
	.checkboxTables { float:left; width:380px; }
	
	.quicksearch-contact-column { width: 300px; float: left; }
	.quicksearch-contact-column label { float: left; white-space: nowrap; padding-right:4px; display: block; font-weight: bold; }
	.quicksearch-contact-column a { }
	.quicksearch-contact-holder { padding: 5px 0px 5px 20px; }
	.quicksearch-header { font-size: 1.1em; color: #000000; padding-top: 5px; }
	.cb { clear: both; }
	
	.clearbox { position: absolute; top: -26px; left: 706px; cursor: pointer; }
	.clearbox img { border: #999999 none 0px; }
	
	/* lists */
	ul { padding-left: 10px; }
	
	/* Validation list */
	ul.errors { padding: 0 0 0 10px; margin: 0 0 0 10px; }
	
	/* columns */
	.equalcols3 { display: block; float: left; width: 30%; margin-right: 3%; }
	.equalcols2 { display: block; float: left; width: 48%; margin-right: 2%; }
	.smallleftcol, .smallrightcol { display: block; width: 260px; height: auto; }
	.bigleftcol, .bigrightcol { display: block; width: auto; height: auto; }
	.smallleftcol, .bigleftcol { float: left; margin-right: 20px; }
	.smallrightcol, .bigrightcol { float: right; }
	
	/* auto completion */
	.searchautocomplete { display: block; position: absolute; width: 762px; height: auto; padding: 0; margin: 0; border: 1px solid #99CCFF; background: #FFFFFF; }
		.searchautocomplete ul, .searchautocomplete li { display: block; list-style: none; padding: 0; margin: 0; }
		.searchautocomplete li { display: block; border-bottom: 1px solid #999999; padding: 3px; cursor: pointer; background: #FFFFFF; }
		.searchautocomplete li:hover, .searchautocomplete li.selected { background: #99CCFF; }
		.searchautocomplete li.inactive, .searchautocomplete li.inactive a:link, .searchautocomplete li.inactive a:visited, .searchautocomplete li.inactive a:hover, .searchautocomplete li.inactive a:active, .searchautocomplete li.inactive .quicksearch-header,
		.tablesortablecontainer tr.inactive, .tablesortablecontainer tr.inactive a:link, .tablesortablecontainer tr.inactive a:visited, .tablesortablecontainer tr.inactive a:hover, .tablesortablecontainer tr.inactive a:active { color: #999999; border: none; }
		.searchautocomplete li.inactive img, .tablesortablecontainer tr.inactive img { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; /* filter: alpha(opacity=50);*/filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
		
	/* Adding auto compete drop down to text box */
	.dropDownAutoComplete input[type=text] { padding-right: 14px; width: 145px; }
	.dropDownAutoComplete span.arrow { position:relative; }
	.dropDownAutoComplete span.arrow img { position:absolute; top: -12px; left: -16px; }
	
	
	ul#categoriesList, ul#optionsList { padding: 0px; margin: 0px; }
	ul#categoriesList li, ul#optionsList li { list-style: none; cursor: pointer; }
	td.divider { font-weight: bold; }
	th.divider { background: #CCCCCC; padding: 2px 0px 2px 4px; }
	th.subsHeader { white-space: nowrap; padding: 0px 0px 0px 4px; }
		
	/* sortable */
	.sortable { display: block; position: relative; width: auto; height: auto; padding: 0; margin: 0; }
		.sortable ul, .sortable li { display: block; list-style: none; padding: 0; margin: 0; }
		.sortable li { display: block; border: 1px solid #CCCCCC; padding: 4px 5px 2px 5px; margin: 3px 0px; }
		.sortable li:hover { cursor: move; border-color: #99CCFF; }
		
	/* table sortable */
	.tablesortablecontainer { position: relative; max-height: 900px; overflow: auto; }
		.tablesortablecontainer table { border: 1px solid #eeeeee; }
		.tablesortablecontainer table tr th, .tablesortablecontainer table tr td { white-space: nowrap; }
		.tablesortablecontainer table tr:first-child th { background-color: #EEEEEE; cursor: pointer; width: auto; margin: 0; }
	
	
	div.centreForm { width : 350px;	margin: 0px auto; text-align:center; }
	tr.standard-row th { width: 110px; }
	tr.edit-row th { width: 200px; }
	tr.edit-row td { white-space: nowrap; }
	tr.standard-row td { padding: 1px 0px; }
	
	div.contactsAddform-tpl fieldset.form legend, div.contactsForm-tpl fieldset.form legend { padding: 0px 4px; text-transform: uppercase; background: #FFFFFF; }	
	div.contactsAddform-tpl fieldset.form, div.contactsForm-tpl fieldset.form { margin: 10px 0px; border: none; border-top: 2px #999999 solid; background: #F8F8F8;	}	
	div.contactsAddform-tpl fieldset.heading>legend div.contactsForm-tpl fieldset.heading>legend { padding: 0px 4px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }	
	div.contactsAddform-tpl fieldset.heading, div.contactsForm-tpl fieldset.heading { margin: 20px 0px 0px 0px; padding: 0px; border: none; border-top: 4px #999999 solid; }
	fieldset.heading>legend { font-weight: bold; text-transform: uppercase; }
	a.link-save, a.link-add, a.link-edit, a.link-delete, a.link-cancel { padding: 4px 4px 4px 24px; margin-right: 10px; font-weight: bold; border: 1px #CCCCCC solid; }
	
	div.contactsQuery-tpl form td a { border: none; }
	
	a.link-save { background: url(/images/icons/accept.png) no-repeat #E8E8E8 5px 2px; }
	a.link-add { background: url(/images/icons/pencil_add.png) no-repeat #E8E8E8 5px 2px; }
	a.link-edit { background: url(/images/icons/pencil.png) no-repeat #E8E8E8 5px 2px; }
	a.link-cancel {	background: url(/images/icons/cross.png) no-repeat #E8E8E8 5px 2px; }
	a.link-delete {	background: url(/images/icons/delete_old.png) no-repeat #E8E8E8 5px 2px; }
	div.form-controls { text-align: center; padding: 10px 0px; }
	
	
	div#contact-selection a { border: none; color:#FFFFFF; background:url(/images/builds/main/1/structure/button-bg.png); width: 175px; height: 29px; padding: 9px 0 0 0; margin: 0 125px 0 125px; text-align: center; font-size: 1.25em; float: left; }
	
	div#company-summary-new-form { display: none; }
	
	.autocomplete-w1 { background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
	.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
	.autocomplete .selected { background:#F0F0F0; }
	.autocomplete div { padding:2px 5px; white-space:nowrap; }
	.autocomplete strong { font-weight:normal; color:#3399FF; }
	
	input.input260, select.select260 { width: 260px; }
	
	select.width155 { width: 195px; }
	input.input160 { width: 157px; }
	input.input400 { width: 396px; }
	input.input600 { width: 605px; }
	
	select.firstSearchCombo { max-width: 180px; }
	select.secondSearchCombo { max-width: 285px; }
	select.thirdSearchCombo { max-width: 160px; }
	
	/* Pagniation */
	div.paginate { display: block; text-align: right; padding: 10px 0px; float:right; }
	div.paginate a, div.paginate span.currentpage { border: #666666 1px solid; color: #666666; padding: 3px 5px; margin: 0px; }
	div.paginate a:hover { border: #FF0000 1px solid; color: #FF0000; }
	div.paginate span.currentpage { background: #666666; color: #FFFFFF; }
	
	
	/* New improved tabbed conatct form */
	div#contactBlock>ul { list-style:none; padding: 0px; margin: 0px; }
	div#contactBlock>ul>li { display: inline; margin-right: 2px; }
	div#contactBlock>ul>li>a { border: #CCCCCC solid 1px; border-bottom: none; background: #FFFFFF;  color: #666666; padding: 4px; }
	div#contactBlock>ul>li>a:hover { background: #CCCCCC; }
	div#contactBlock>ul>li>a.selected { background: #EEEEEE; }
	
	div#formContent { background: url(/images/builds/main/1/structure/background.png) top repeat-x; padding: 10px 0 5px 8px; min-height: 420px; }
	div#formContent h1, div#formContent h2, div#formContent h3, div#formContent h4 { padding-bottom: 3px; margin-bottom: 2px; }
	div#formContent h4 { padding-top: 8px; margin-top: 0px; }
	
	div#formContent ul#companyList { padding-left: 5px; width: 800px; }
	div#formContent ul#companyList li { list-style-image: url(/images/icons/building.png); list-style-position:inside; margin-bottom: 15px; padding: 5px; border: #EEEEEE solid 1px; cursor: pointer; }
	div#formContent ul#companyList li:hover { border: #999999 solid 1px; background: #E8E8E8; }
	
	table.hoverTable { padding: 5px; border: #F4F4F4 solid 1px; cursor: pointer; width: 100% }
	table.hoverTable:hover { border: #999999 solid 1px; background: #E8E8E8; }
	
	/*tr.advanceSearchRow { background: #EEEEEE; border-bottom: #FFFFFF 1px solid; }*/
	
	ul#files-list li { list-style:none; }
	ul#files-list li form { float: right; width: 910px; }
	ul#files-list li form input[type=text] { width: 200px; margin-right: 5px; }
	ul#files-list li div { float: right; }
	
	.tablesortablecontainer table th.orderBy { padding-right: 15px; }
	.tablesortablecontainer table th.orderByDesc { background: url(/images/icons/bullet_arrow_down.png) no-repeat right; }
	.tablesortablecontainer table th.orderByAsc { background: url(/images/icons/bullet_arrow_up.png) no-repeat right; }
	
	ul#emailgroup { list-style-image: url(/images/icons/emailgroup.png); margin-left: 16px; }
	ul#emailuser { list-style-image: url(/images/icons/user.png); margin-left: 16px; }
	ul#emailuser li.group { list-style-image: url(/images/icons/emailgroup.png); }
	ul#emailuser li.add { list-style-image: url(/images/icons/user_add.png); margin-top: 20px; }
	
	div#email-list tr.edit-row th { width: 235px; }
	
	div#DuplicatedContacts { max-height: 410px; overflow: auto; }
}

@media screen {
	/* structure */
	div#container { display: block; position: relative; width: 950px; height: auto; margin: 0 auto; }
		div#header { display: block; width: 950px; height: auto; padding: 10px 0 0 0; }
			div#toprightmenu { display: block; text-align: right; padding: 0 0 10px 0; color: #666666; }
				div#toprightmenu a { color: #666666; border-bottom-color: #666666; }
			div#mainmenu { display: block; width: 950px; height: 50px; padding: 0 0 0 88px; background: url(/images/builds/main/1/structure/menu.png) no-repeat;  }
				div#mainmenu ul, div#mainmenu li { display: inline; list-style: none; padding: 0; margin: 0; }
				div#mainmenu li a { display: block; float: left; border: none; border-left: #FFFFFF solid 1px; font-size: 10pt; color: #FFFFFF; text-decoration: none; padding: 10px 28px 10px 28px; margin: 0; }
				div#mainmenu li a:hover { color: #333333; background:  #FFFFFF; }
				div#mainmenu li a.selected { color: #656565; background: #CCCCCC; }
				div#mainmenu li a.link-logout:hover { color: #FFFFFF; background: #d3df89; }
				div#mainmenu li a.link-logout { color: #d3df89; }
			div#submenu { display: block; float: left; width: 950px; background: #CCCCCC; }
				div#submenu ul, div#submenu li { display: inline; list-style: none; padding: 0; margin: 0; }
				div#submenu li.selected a { background-color:#666666; color:#FFFFFF; }
				div#submenu li a { display: block; float: left; text-decoration: none; border: none; padding: 4px 6px 2px 6px; margin: 0; }
				div#submenu li a.selected { font-weight: bold; }
		div#content { display: block; float: left; width: 950px; min-height: 500px; padding: 5px 0px 10px 0px; margin: 0 0 5px 0; /*border-bottom: 2px solid #0066CC;*/ background: #FFFFFF; }
		div#footer { display: block; text-align: right; font-size: 10px; }
	div#messageboxbg { display: block; position: absolute; height: 100%; width: 100%; margin: 0; padding: 0; top: 0; left: 0; background: #000000; z-index: 500; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
	div#messagebox { display: block; position: absolute; height: auto; width: auto; margin: 0; padding: 0; top: 0; left: 0; background: #FFFFFF; border: 5px solid #336699; z-index: 501; }
		div#messageboxinner { display: block; padding: 10px; }
		div#messageboxcontrols { display: block; height: auto; width: auto; margin: 0; padding: 5px 0px 0px 0px; color: #FFFFFF; background: #336699; }
			div#messageboxcontrols a { color: #FFFFFF; }
			
	/* date picker */
	div.datepicker {
	 position: absolute;
	 text-align: center;
	 border: 1px #C4D5E3 solid;
	 font-family: arial;
	 background: #FFFFFF;
	 font-size: 10px;
	 padding: 0px;
	}
	div.datepicker table {
	 font-size: 10px;
	 margin: 0px;
	 padding: 0px;
	 text-align: center;
	 width: 180px;
	}
	div.datepicker table thead tr th {
	 font-size: 12px;
	 font-weight: bold;
	 background: #e9eff4;
	 border-bottom:1px solid #c4d5e3;
	 padding: 0px;
	 margin: 0px;
	}
	div.datepicker table tbody tr {
	 border: 1px white solid;
	 margin: 0px;
	 padding: 0px;
	}
	div.datepicker table tbody tr td {
	 border: 1px #eaeaea solid;
	 margin: 0px;
	 padding: 0px;
	 text-align: center;
	}
	div.datepicker table tbody tr td:hover,
	div.datepicker table tbody tr td.outbound:hover,
	div.datepicker table tbody tr td.today:hover {
	 border: 1px #c4d5e3 solid;
	 background: #e9eff4;
	 cursor: pointer;
	}
	div.datepicker table tbody tr td.wday {
	 border: 1px #ffffff solid;
	 background: #ffffff;
	 cursor: text;
	}
	div.datepicker table tbody tr td.outbound {
	 background: #e8e4e4;
	}
	div.datepicker table tbody tr td.today {
	 border: 1px #16518e solid;
	 background: #c4d5e3;
	}
	div.datepicker table tbody tr td.nclick,
	div.datepicker table tbody tr td.nclick_outbound {
	 cursor:default; color:#aaa;
	}
	div.datepicker table tbody tr td.nclick_outbound {
	 background:#E8E4E4;
	}
	div.datepicker table tbody tr td.nclick:hover,
	div.datepicker table tbody tr td.nclick_outbound:hover {
	 border: 1px #eaeaea solid;
	 background: #FFF;
	}
	div.datepicker table tbody tr td.nclick_outbound:hover {
	 background:#E8E4E4;
	}
	div.datepicker table tfoot {
	 font-size: 10px;
	 background: #e9eff4;
	 border-top:1px solid #c4d5e3;
	 cursor: pointer;
	 text-align: center;
	 padding: 0px;
	}
				
}

@media print {
	/* global */
	body, p, td, th, b, strong { word-spacing: normal; letter-spacing: normal; color: #000000; }
	body { background: none; }
		
	/* classes */
	.hideonprint { display: none; visibility: hidden; }
	.button { display: none; }
	
}