/*
	screen.css: SCREEN stylesheet
	------------
	Job:					Brookson Phase 2
	Template Version:		1.0
	Produced by:			Colin Newall
	Start date:				12/01/09
	------------
	NOTES:
	Do all font sizes in % of the base size of 1em.
	Do all stucture and module sizes in ems.
	
	TOC:
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
	5.	content/FCK
			these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
	6.	overrides
	7. sIFR
	
	COLOUR SPEC:
	Grey:				#dddfe1
	Hdr Green:			#159e9a
	Nav Green:			#a3b628
			
*/

/* =1. general styles */
* 
{
margin:0;
padding:0;
text-decoration:none;
}
body 
{
font-family:"Tahoma", Arial, Helvetica, sans-serif;
background-color:#dddfe1;
color:#797979;
}
form input.text
{
padding:0.15em;
border:none;
font-size:1.2em;
}
ul
{
list-style:none;
}
a, img
{
border:none;
}
img.screenlogo
{
display:block;
}
img.printlogo
{
display:none;
}
h1
{
line-height:1;
margin:0;
padding:0;

}
p
{
margin:0 0 0.8em 0;
}
h1
{
font-size:1.7em;
margin:0 0 0.8em 0;
color:#29bbb8;
background:transparent;
}
h3
{
font-size:1.4em;
margin:0 0 0.8em 0;
color:#29bbb8;
background:transparent;
}
h4
{
font-size:0.8em;
margin:0 0 0.7em 0;
color:#29bbb8;
background:transparent;
}

/* links */

a, a:link, a:visited
{
color:#18b5b1;
background:transparent;
}
a:hover, a:focus
{
text-decoration:underline;
}


/* =2. helper styles */

.hide
{
position:absolute;
left:-10000px;
top:-1000px;
width:1px;
height:1px;
overflow:hidden;
}
div.err
{
background:#fde2e5;
padding:1em;
border:#D62085 solid 1px;
margin-bottom:1em;
padding-bottom:.5em;
float:none !important;
clear:both;
}
div.err h3 {color:#D62085; font-size:0.9em;}	
div.err p.title
{
font-weight:bold;
}
div.err ul
{

}
.collg div.err ul li {background:url(/_common/img/bullet-c.gif) no-repeat left .45em; padding: 0 0 .7em 1.5em}
div.noerr 
{
display:none;
}
	
table
{
width:100%;
border-collapse:collapse;
text-align:left;
margin-bottom:1em;
margin-top:.8em;
font-size:70%;
}
table th
{
border:1px solid #8bdad8;
vertical-align:top;
padding:0.4em;
background:#29bbb8;
color:#fff;
}
.fullfreelance table th
{
border:1px solid #d1c3dc;
background:#aa90bf;
color:#fff;
}
.fullsolution table th
{
border:1px solid #d2dc8c;
background:#acbe2a;
color:#fff;
}
table td
{
border:1px solid #dfdfdf;
vertical-align:top;
padding:0.4em;
}

/* =3. page structure */

.center
{
width:56em;
margin:0 auto;
}
#hdr
{
background:#19bcb8 url(/_common/img/grad-green-a.gif) bottom repeat-x;
color:#fff;
overflow:hidden;
width:100%;
padding:0 0 1.2em 0;
}
#hdr p
{
margin:0 0 0 1.5em;
float:left;
}
#hdr img
{
margin:1.2em 0 0 0.5em;
float:left;
}
#hdrright
{
float:right;
font-size:0.7em;
text-align:right;
padding:1em 0 0 0;
}
#hdrright span
{
font-size:1.4em;
font-weight:bold;
margin:0 0 0 0.3em;
}
#hdrright form
{
padding:0.5em 0 0.7em 0;
}
#hdrright form input
{
vertical-align:middle;
}
#hdrright label
{
font-weight:bold;
font-size:1.2em;
padding:0 0.5em 0 0;
}
#hdrright form p
{
float:none;
margin:0;
}

#content
{
overflow:hidden;
width:100%;
padding:1em 0 1em 0;
}
#contleft
{
float:left;
margin:0 0.7em 0 0;
width:14.7em;
}
#main
{
float:left;
width:40.5em;
}
.colleft
{
background:#fff url(/_common/img/bg-grey-seperator.gif) top repeat-x;
padding:1.5em 1.5em 0.5em 1.5em;
font-size:0.7em;
position:relative;
}
.colleft h2
{
font-weight:bold;
font-size:1.4em;
color:#18b5b1;
background:transparent;

}
.colleft p.header
{
font-weight:bold;
font-size:1.4em;
color:#18b5b1;
background:transparent;display:inline;
}
.colleft li
{
clear:both;
padding:0 0 0.5em 0;
margin:0 0 0.6em 0;
overflow:hidden;
width:100%;
border-bottom:1px solid #dfdfdf;
}
.colleft img
{
float:left;
border:1px solid #18b5b1;
margin:0 0.8em 0 0;
}
.colleft span
{
display:block;
}
.colleft li span
{
color:#797979;
}
.colleft .last
{
border:none;
}
.fullfreelance .colleft p.header
{
color:#aa90bf;
background:transparent;
}
.fullfreelance .colleft a
{
color:#aa90bf;
background:transparent;
}
.fullfreelance .colleft img
{
border:1px solid #aa90bf;
}
.fullsolution .colleft p.header
{
color:#acbf2a;
background:transparent;
}
.fullsolution .colleft a
{
color:#acbf2a;
background:transparent;
}
.fullsolution .colleft img
{
border:1px solid #acbf2a;
}
.backn
{
background-image:none;
}

/* main navigation */

#nav
{
background:#c1d72f url(/_common/img/grad-green-b.gif) bottom repeat-x;
color:#fff;
position:relative;
}
#nav:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#nav ul
{
font-size:0.7em;
display:block;
}
#nav li
{
float:left;
padding:0.2em 0.7em 0.2em 0.7em;
margin:0.6em 0 0.6em 0;
border-right:2px solid #fff;
}
#nav a
{
font-weight:bold;
color:#fff;
background:transparent;
}
#nav .last
{
border:none;
}
#nav li.selected a
{
color:#494c55;
}

/* Sub Nav */
#nav li.withsub
{
background:#aeb0b1 url(/_common/img/bg-subnav-mid.gif) top repeat-x;
padding:1.3em 0.8em 0.8em 0.8em;
margin:-0.4em 0 0 -2px;
border-left:1px solid #fff;
border-right:1px solid #fff;
position:relative;
}
#nav li.withsub a
{
color:#fff;
background:transparent;
}
span.subnavcorner
{
display:block;
width:7px;
height:7px;
position:absolute;
font-size:1px;
line-height:1px;
background:transparent url(/_common/img/corners-subnav.gif) no-repeat;
}
span.subnava
{
background-position:0 0 !important;
left:-1px;
right:auto;
top:0;
bottom:auto;
}
span.subnavb
{
background-position:0 -7px !important;
left:auto;
right:-1px;
top:0;
bottom:auto;
}
#subnav
{
border-bottom:1px solid #b6b8bb;
background:#dddee2 url(/_common/img/grad-grey-b.gif) top repeat-x;
clear:both;
}
#subnav ul
{
font-size:0.7em;
overflow:hidden;
width:100%;
padding:0.6em 0 0.6em 0;
}
#subnav li
{
float:left;
padding:0.1em 0.7em 0.1em 0.7em;
border-right:2px solid #494c55;
}
#subnav a
{
font-weight:bold;
color:#5f6168;
background:transparent;
}
#subnav li.selected a
{
color:#fff;
background:transparent;
}
#subnav .last
{
border:none;
}

/* footer navigation */
#footer
{
padding:0 0 1em 0;
}
#footer span
{
font-size:0.7em;
float:left;
}
#footer ul
{
font-size:0.65em;
overflow:hidden;
width:60%;
float:left;
}
#footer li
{
float:left;
padding:0 0.4em 0 0;
margin:0 0 0 0.1em;
line-height:30px;
/*border-right:1px solid #4d4e50;*/
}
#footer li.first
{
margin:0;
}
#footer li.last
{
border:none;
}
#footer li.bookmarks
{
border:none;
padding-top:0.2em;
}
#footer ul a
{
color:#18b5b1;
background:transparent;
}
#footer ul.logos
{
/*float:left;*/
float:left;
width:610px;
}
#footer ul.logos li
{
float:left;
padding:0 3em 0 0;
}
#footer ul.footer-links 
{
float:right;
width:470px;
}
#footer ul.footer-links li
{
line-height:1;
}
#footer ul.buttons
{
/*width:34%;*/
width:280px;
padding:0;
/*margin:0 0 0 1em;*/
float:right;
}

#footer ul.buttons li
{
margin:3.5em 0 0 0;
line-height:10px;
vertical-align:top;
}
#footer ul.buttons img
{
vertical-align:top;
}

#footer div.siteInfo {border-top:#fff 2px solid;clear:both;padding:1em 0;margin-top:1em;}
/* =4. page components / modules */

/* guidance */
#guidedropdown
{
background:#159f9b url(/_common/img/bg-guidance.gif) top right no-repeat;
color:#fff;
padding:0.5em 1em 0.7em 1em;
margin:0 0 0.4em 0;
font-size:0.8em;
position:relative;
}
#guidedropdown p
{
margin:0;
font-weight:bold;
margin:0 0 0 0.5em;
cursor:pointer;
}
#guidedropdown ul
{
font-size:0.85em;
margin:0.8em 0 0.8em 0;
border-top:1px solid #2dbcb8;
border-bottom:1px solid #2dbcb8;
padding:1.5em 0.5em 0.9em 0.5em;
}
#guidedropdown li
{
margin:0 0 0.6em 0;
}
#guidedropdown a
{
color:#daf9f4;
font-weight:bold;
}
.fullsolution #guidedropdown
{
background:#b0c32b url(/_common/img/bg-guidance-b.gif) top right no-repeat;
color:#fff;
}
.fullsolution #guidedropdown ul
{
border-top:1px solid #c6d54b;
border-bottom:1px solid #c6d54b;
}
.fullsolution #guidedropdown a
{
color:#eff2c3;
background:transparent;
}
.fullfreelance #guidedropdown
{
background:#867296 url(/_common/img/bg-guidance-c.gif) top right no-repeat;
color:#fff;
}
.fullfreelance #guidedropdown ul
{
border-top:1px solid #a996b7;
border-bottom:1px solid #a996b7;
}
.fullfreelance #guidedropdown a
{
color:#f2eaf9;
background:transparent;
}

/* flash area */
#flash
{
background:#fff;
padding:0.7em;
margin:0 0 0.7em 0;
position:relative;
height: 19.5em;
}
.fullfreelance #flash h2
{
color:#aa90bf;
background:transparent;
}
.fullsolution #flash h2
{
color:#acbe2a;
background:transparent;
}
/* login */
#login
{
background:#284243 url(/_common/img/grad-black-a.gif) top repeat-x;
color:#fff;
padding:0.7em 1em 0.7em 1em;
overflow:hidden;
width:auto;
position:relative;
margin:0 0 0.2em 0;
}
#login form
{
border-bottom:1px solid #7E9394;
overflow:hidden;
width:auto;
margin:0 0 0.2em 0;
}
#login h2
{
margin:0 0 0.4em 0;
color:#fff;
background:transparent;
}
#login p
{
margin:0 0 0.1em 0;
}
#login p.header
{
margin:0 0 0.4em 0;
font-size:1.1em;
color:#fff;
background:transparent;
}
#login form p
{
float:left;
width:auto;
margin:0 0 0.2em 0;
}
#login form span
{
margin:0.5em 0 0 0;
display:block;
}
#login a
{
color:#bddb2e;
background:transparent url(/_common/img/btn-arrow-e.gif) left 0.2em no-repeat;
padding:0.1em 0 0.4em 1.8em;
font-size:0.7em;
font-weight:bold;
}
#login form label
{
position:absolute;
left:-10000px;
top:-10000px;
}
#login form input.text
{
float:left;
margin:0 0.9em 0.4em 0;
width:12em;
font-size:0.8em;
}
/* live chat */
#livechat
{
margin:0.7em 0 0 0;
position:relative;
}
#liveperson
{
position:absolute;
background:transparent url(/_common/img/blank.gif);
display:block;
bottom:0.5em;
left:4.5em;
width:3.5em;
height:1em;
}
#liveperson span
{
position:absolute;
left:-10000px;
top:-10000px;
}
/* column */

.col
{
background:#fff;
width:13em;
position:relative;
}
.col img
{
line-height:1;
}
.col div
{
padding:0.7em;
font-size:0.7em;
background:#fff url(/_common/img/grad-grey-a.gif) top repeat-x;
}

.col div p 
{
	height:100px;
}

.col div ul
{
padding:0.7em 0 0 0;
}
.col a
{
font-weight:bold;
display:block;
}
.col h3
{
padding:0.3em 0 0.2em 0;
}
.col h3 a
{
padding:0 2em 0 0;
}
.freelance
{
float:left;
margin:0 0.7em 0 0;
}
.freelance h3
{
color:#aa90bf;
background:transparent url(/_common/img/btn-arrow-b.gif) right no-repeat;
}
.freelance h3 a
{
color:#aa90bf !important;
background:transparent;
}
.freelance li
{
background:#aa90bf;
color:#fff;
padding:0.4em;
margin:0 0 0.4em 0;
display:block;
line-height:1;
}
.freelance li a
{
color:#fff !important;
background:transparent;
}
.business
{
float:left;
}
.business h3
{
color:#18b5b1;
background:transparent url(/_common/img/btn-arrow-c.gif) right no-repeat;
}
.business h3 a
{
color:#18b5b1 !important;
background:transparent;
}
.business li
{
background:#29bbb8;
color:#fff;
padding:0.4em;
margin:0 0 0.4em 0;
display:block;
line-height:1;
}
.business li a
{
color:#fff !important;
background:transparent;
}
.solution
{
float:right;
margin:0 0 0 0.7em;
}
.solution h3
{
color:#c1d62f;
background:transparent url(/_common/img/btn-arrow-d.gif) right no-repeat;
}
.solution h3 a
{
color:#c1d62f !important;
background:transparent;
}
.solution li
{
background:#c1d62f;
color:#fff;
padding:0.4em;
margin:0 0 0.4em 0;
display:block;
line-height:1;
}
.solution li a
{
color:#fff !important;
background:transparent;
}
/* Column Right */
.colright
{
float:right;
clear:right;
margin:0 0 0.6em 0;
padding:0 0 1em 0;
width:13em;
position:relative;
background:#29bbb8;
color:#fff;
}
.fullsolution .colright
{
background:#acbe2a;
color:#eff2c3;
}
.fullfreelance .colright
{
background:#aa90bf;
color:#f2eaf9;
}
.colright h3
{
color:#fff;
background:transparent url(/_common/img/btn-arrow-j.gif) right no-repeat;
font-size:1.3em;
padding:0.3em 0 0.4em 0;
margin:0 0 0.5em 0;
overflow:hidden;
width:100%;
}
.fullsolution .colright h3
{
color:#fff;
background:transparent url(/_common/img/btn-arrow-f.gif) right no-repeat;
}
.fullfreelance .colright h3
{
color:#fff;
background:transparent url(/_common/img/btn-arrow-k.gif) right no-repeat;
}
.colright h3 a
{
color:#fff !important;
background:transparent;
display:block;
padding:0 2em 0 0;
}
.colright ul
{
font-size:0.7em;
}
.colright li
{
background:transparent url(/_common/img/bg-seperator.gif) bottom repeat-x;
color:#daf9f4;
padding:0.9em;
}
.fullfreelance .colright li
{
background:transparent url(/_common/img/bg-purple-seperator.gif) bottom repeat-x;
color:#f2eaf9;
padding:0.9em;
}
.fullsolution .colright li
{
background:transparent url(/_common/img/bg-green-seperator.gif) bottom repeat-x;
color:#edf5bc;
padding:0.9em;
}
.colright li.last
{
background:none;
}
/* Large Column */
.collg
{
background:#fff;
width:24.8em;
margin:0 0.7em 0 0;
padding:0.7em 1em 0.7em 1em;
position:relative;
float:left;
}
.revolution
{
padding:0;
width:26.8em;
}
.revolhold
{
position:relative;
}
.revoltext
{
padding:0.2em 1em 0 1em;
}
.revolution p
{
display:block;
overflow:hidden;
width:auto;
}
.revolution a.letstalk
{
position:absolute;
width:140px;
height:40px;
bottom:4em;
right:1em;
background:red;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
.revolution a.letstalk span,.revolution a.startchat span  {position:absolute; left:-10000px;}
.revolution a.letstalkb
{
position:absolute;
width:95px;
height:30px;
top:20em;
right:1.3em;
background:red;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
.revolution a.startchat
{
position:absolute;
width:95px;
height:30px;
top:20.5em;
right:1.3em;
background:red;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;

}
.rightrevolution p
{
margin:0.3em 0 0 0;
padding:0 0 0.3em 0;
background:#fff url(/_common/img/bg-dash.gif) bottom repeat-x;
}
.revolform
{
background:#f0f3ce;
margin:0.7em;
padding:0.7em 0.7em 0 0.7em;
clear:both;
overflow:hidden;
width:auto;
float:none;
}
.revolution form
{

}
.revolution fieldset
{
padding:1em 0 0 0;
border:none;
}
.revolution form input
{
float:left;
padding:0.1em;
}
.revolution form input.revoltext
{
width:19em;
}
.revolution form select
{
padding:0.1em;
}
.revolution em
{
color:#29bbb8;
}
.revolution form p
{
clear:both;
display:block;
}
.revolution img
{
margin:0 !important;
float:none !important;
}
.revolution form label
{
width:9em;
float:left;
font-size:1.1em;
}
.revolution form p.brooksoncustomer
{
padding-top:1em;
}
.revolution form p.brooksoncustomer label
{
width:21em;
font-weight:bold;
font-size:1em;
}
.revolution form p.brooksoncustomer small
{
margin:0 0 0 0.5em;
float:left;
}
.revolution form p.brooksoncustomer input
{
vertical-align:middle;
}
.revolution form p strong
{
color:#1b2529;
font-size:1.1em;
}
.revolution form div
{
float:left;
font-size:0.8em;
padding:0.3em 0 0 0;
}
.revolution form div label
{
width:auto;
}
.revolution form span
{
float:left;
width:9em;
font-size:0.8em;
}
.revolution form div span
{
clear:both !important;
float:none;
width:auto;
font-size:0.8em;
margin:0 0 0.5em 0;
overflow:hidden;
display:block;
}
.revolution form div input
{
margin:0 0.5em 0 0;
vertical-align:middle;
}
.revolution form div .revoltext
{
margin:0.4em 0 0 0;
}
.revolution form p.submit
{
clear:both;
text-align:right;
padding:1em 0 0 0;
}
.revolution form p.submit input
{
float:none;
}
.revolution form p.submit span
{
float:left;
}
.revolution div.revolsmall
{
margin:0.7em;
}
.revolution div.revolsmall h3
{
font-size:0.9em;
}

.mn
{
margin:0 !important;
}
.bn
{
background:none !important;
}
.pn
{
padding:none !important;
}
.cb
{
clear:both !important;
}

.collg p
{
font-size:0.7em;
line-height:1.4;
}
.collg ol
{
margin:0 0 0.3em 1.4em;
}
.collg ul
{
margin:0 0 0.3em 0;
}
.collg li
{
font-size:0.7em;
padding:0 0 0.7em 0;
}
.collg h3
{
font-size:1em;
}
.fullfreelance .collg h3
{
color:#aa90bf;
background:transparent;
}
.fullfreelance .collg h4
{
color:#aa90bf;
background:transparent;
}
.fullsolution .collg h3
{
color:#acbe2a;
background:transparent;
}
.fullsolution .collg h4
{
color:#acbe2a;
background:transparent;
}
.collg li h3
{
font-size:1.2em;
margin:0 0 0 0;
}
.collg small
{
color:#acacac;
background:transparent;
}

.collg a small {
	color: #29BBB8;	
	
}
.collg li p
{
font-size:1em;
}
.collg ul li
{
background:transparent url(/_common/img/bullet-b.gif) left 0.45em no-repeat;
padding:0 0 0.7em 1.5em;
overflow:hidden;
width:auto;
}
.fullsolution .collg ul li
{
background:transparent url(/_common/img/bullet-a.gif) left 0.45em no-repeat;
}
.fullfreelance .collg ul li
{
background:transparent url(/_common/img/bullet-c.gif) left 0.45em no-repeat;
}
.collg img
{
float:left;
margin:0 1em 0 0;
}
.collg h2
{
font-size:1.4em;
color:#29bbb8;
background:transparent;
}
.fullfreelance .collg h1
{
color:#aa90bf;
background:transparent;
display:inline;
}
.fullsolution .collg h1
{
color:#acbf2a;
background:transparent;
display:inline;
}
/* Full size column */
.colfull
{
width:38.5em;
margin:0;
}
.colfull p
{
font-size:0.8em;
line-height:1.5;
}
.colfull li
{
font-size:0.8em;
padding:0 0 0.7em 0;
}
.colfull table
{
font-size:0.8em;
}
/* Date */
.date
{
font-weight:bold;
font-size:0.7em;
margin:0 0 0.7em 0;
display:block;
}
/* Right List */
#rightlist
{
float:right;
margin:0 0 0.7em 0;
padding:0.7em 0.7em 0.4em 0.7em;
background:#fff;
color:#eff2c3;
position:relative;
width:11.6em;
}
#rightlist ul
{
font-size:0.7em;
line-height:1;
}
#rightlist li
{
background:transparent url(/_common/img/btn-arrow-h.gif) top left no-repeat;
padding:0.1em 0 0.8em 2em;
border-bottom:1px solid #dfdfdf;
margin:0 0 0.6em 0;
}
#rightlist li.selected
{
background:transparent url(/_common/img/btn-arrow-o.gif) top left no-repeat !important;
}
#rightlist li.selected a
{
color:#797979;
background:transparent;
}
.fullfreelance #rightlist li
{
background:transparent url(/_common/img/btn-arrow-i.gif) top left no-repeat;
}
.fullsolution #rightlist li
{
background:transparent url(/_common/img/btn-arrow-g.gif) top left no-repeat;
}
#rightlist li.last
{
border:none;
margin:0;
}
#rightlist ul ul
{
font-size:0.9em;
padding:0.6em 0 0 0;
}
#rightlist ul ul li
{
border:none;
background:transparent url(/_common/img/bullet-dash.gif) 0 0.6em no-repeat !important;
padding:0.1em 0 0.3em 1em;
}
#rightlist ul ul li.selected
{
background:transparent url(/_common/img/bullet-dash.gif) 0 0.6em no-repeat !important;
}
#rightlist ul ul a
{
font-weight:100;
color:#29bbb8 !important;
background:transparent;
}
.fullfreelance #rightlist ul ul a
{
color:#aa90bf !important;
background:transparent;
}
.fullsolution #rightlist ul ul a
{
color:#acbf2a !important;
background:transparent;
}
#rightlist ul ul li.selected a
{
color:#797979 !important;
background:transparent;
}
#rightlist a
{
font-weight:bold;
}
.fullfreelance #rightlist a
{
color:#aa90bf;
background:transparent;
}
.fullsolution #rightlist a
{
color:#acbf2a;
background:transparent;
}
/* Downloads*/
#downloads
{
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
margin:0.5em 0 0.5em 0;
padding:0.7em 0 0.2em 0;
clear:both;
}
#downloads li.pdf
{
background:url(/_common/img/icon-pdf.gif) top left no-repeat;
color:inherit;
padding:0.2em 0 1em 2.3em;
}
#downloads li.word
{
background:url(/_common/img/icon-word.gif) top left no-repeat;
color:inherit;
padding:0.2em 0 1em 2.3em;
}
#downloads li.excel
{
background:url(/_common/img/icon-excel.gif) top left no-repeat;
color:inherit;
padding:0.2em 0 1em 2.3em;
}
#downloads li.powerpoint
{
background:url(/_common/img/icon-powerpoint.gif) top left no-repeat;
color:inherit;
padding:0.2em 0 1em 2.3em;
}
.fullfreelance #downloads li a
{
color:#aa90bf;
background:transparent;
}
.fullsolution #downloads li a
{
color:#acbe2a;
background:transparent;
}
/* Article List*/
.list
{
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
padding:1em 0 0 0;
clear:both;
}
.list p
{
margin:0;
}
.list li
{
background:none !important;
padding:0 0 1.2em 0 !important;
}
.list img
{
border:1px solid #29bbb8;
float:left;
}
.list div
{
float:left;
width:27em;
}
.fullsolution .list img
{
border:1px solid #acbe2a;
}
.fullsolution .list a
{
color:#acbe2a;
background:transparent;
}
.fullfreelance .list img
{
border:1px solid #aa90bf;
}
.fullfreelance .list a
{
color:#aa90bf;
background:transparent;
}
/* Results Display */
.resultsdisplay
{
float:left;
}
.colfull .resultsdisplay
{
font-size:0.7em;
}
/* Paging */
.paging
{
float:right;
}
.paging ul
{

}
.paging li
{
float:left;
margin:0 0.2em 0 0.2em;
padding:0 !important;
background-image:none !important;
}
.paging a
{
border:1px solid #dfdfdf;
display:block;
padding:0.2em 0.5em 0.2em 0.5em !important;
}
.fullsolution .paging a
{
color:#acbe2a;
background:transparent;
}
.fullfreelance .paging a
{
color:#aa90bf;
background:transparent;
}
.paging li.selected
{
background:#29bbb8;
color:#fff;
}
.fullsolution .paging li.selected
{
background:#acbe2a;
color:#fff;
}
.fullfreelance .paging li.selected
{
background:#aa90bf;
color:#fff;
}
.paging li.selected a
{
color:#fff;
background:transparent;
}
.paging li.prev a
{
border:1px solid #fff;
}
.paging li.next a
{
border:1px solid #fff;
}
.colfull .paging
{
font-size:0.85em;
}
/* Categories */
#categories
{
margin:0 0 0.5em 0;
clear:both;
}
#categories ul.list
{
border:none;
}
#categories ul.list li
{
margin:0 0 0 0;
background:transparent url(/_common/img/btn-arrow-l.gif) 0 0.7em no-repeat !important;
color:#797979;
padding:1em 0 1em 3.5em !important;
border-bottom:1px solid #dfdfdf;
}
.fullsolution #categories ul.list li
{
background:transparent url(/_common/img/btn-arrow-m.gif) 0 0.7em no-repeat !important;
color:#797979;
}
.fullfreelance #categories ul.list li
{
background:transparent url(/_common/img/btn-arrow-n.gif) 0 0.7em no-repeat !important;
color:#797979;
}
#categories ul.list p
{
margin:0;
}
#categories h3
{
font-size:1.3em;
margin:0 0 0.3em 0;
}
/* Sitemap */
#sitemap
{

}
#sitemap li
{
padding:0 0 0.7em 1.8em;
background:transparent url(/_common/img/btn-arrow-h.gif) top left no-repeat;
}
#sitemap a
{
font-weight:bold;
}
#sitemap ul
{
padding:1em 0 0 1.5em;
font-size:1.2em;
}
#sitemap ul li
{
background:transparent url(/_common/img/bullet-b.gif) left 0.45em no-repeat;
padding:0 0 0.7em 1.5em;
}
#sitemap ul a
{
font-weight:100;
}
#sitemap ul ul
{
font-size:1em;
}
#sitemap ul ul li
{
padding:0 0 0.7em 0;
background-image:none;
}
#sitemap ul ul a
{
text-decoration:none;
}
/* Form */
form.form fieldset
{
border:none;
padding:0 0 1em 0;
}
form.form p
{
clear:both;
}
form.form legend
{
font-weight:bold;
font-size:0.8em;
padding:0 0 1em 0;
color:#797979;
background:transparent;
}
form.form p
{
overflow:hidden;
width:100%;
}
form.form em
{
font-style:normal;
font-weight:bold;
color:#29bbb8;
background:transparent;
}
.fullfreelance form.form em
{
color:#aa90bf;
background:transparent;
}
.fullsolution form.form em
{
color:#acbe2a;
background:transparent;
}
form.form fieldset em
{
position:absolute;
right:0;
top:0.2em;
}
form.form label
{
float:left;
position:relative;
width:9em;
padding:0 1em 0 0;
margin:0 0.5em 0 0;
}
form.form input.text
{
border:1px solid #dfdfdf;
width:20em;
}
form.form fieldset input
{
float:left;
}
form.form fieldset select
{
float:left;
border:1px solid #dfdfdf;
}
form.form textarea
{
border:1px solid #dfdfdf;
width:20.5em;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:1.15em;
padding:0.2em;
}
form.form div span
{
display:block;
font-weight:bold;
font-size:0.7em;
width:10.5em;
float:left;
}
form.form div
{
clear:both;
padding:0 0 1em 0;
}
form.form div div
{
float:left;
clear:none;
}
form.form div p
{

}
form.form div label
{
width:20em;
vertical-align:middle;
}
form.form div input
{
margin:0.1em 0.5em 0 0;
vertical-align:middle;
}
form.form div.longq span
{
width:28em;
}
form.form div.longq label
{
width:2em;
}
form.form div#moreinfo label
{
width:31em;
}

/* Submit Button */
#submit
{
text-align:right;
}


/* White Corners */
span.whitecorner
{
display:block;
width:4px;
height:4px;
position:absolute;
font-size:1px;
line-height:1px;
background:transparent url(/_common/img/corners-white.gif) no-repeat;
}
span.whitea
{
background-position:0 0 !important;
left:0;
right:auto;
top:0;
bottom:auto;
}
span.whiteb
{
background-position:0 -4px !important;
left:auto;
right:0;
top:0;
bottom:auto;
}
span.whitec
{
background-position:0 -8px !important;
left:0;
right:auto;
top:auto;
bottom:0;
}
span.whited
{
background-position:0 -12px !important;
left:auto;
right:0;
top:auto;
bottom:0;
}
/* Black Corners */
span.blackcorner
{
display:block;
width:4px;
height:4px;
position:absolute;
font-size:1px;
line-height:1px;
background:transparent url(/_common/img/corners-black-a.gif) no-repeat;
}
span.blacka
{
background-position:0 0 !important;
left:0;
right:auto;
top:0;
bottom:auto;
}
span.blackb
{
background-position:0 -4px !important;
left:auto;
right:0;
top:0;
bottom:auto;
}
span.blackc
{
background-position:0 -8px !important;
left:0;
right:auto;
top:auto;
bottom:0;
}
span.blackd
{
background-position:0 -12px !important;
left:auto;
right:0;
top:auto;
bottom:0;
}
/* Green Corners */
span.guidecorner
{
display:block;
width:5px;
height:5px;
position:absolute;
font-size:1px;
line-height:1px;
background:transparent url(/_common/img/corners-green-a.gif) no-repeat;
}
.fullsolution span.guidecorner
{
background:transparent url(/_common/img/corners-green-c.gif) no-repeat;
}
.fullfreelance span.guidecorner
{
background:transparent url(/_common/img/corners-purple-b.gif) no-repeat;
}
span.guidea
{
background-position:0 0 !important;
left:0;
right:auto;
top:0;
bottom:auto;
}
span.guideb
{
background-position:0 -5px !important;
left:auto;
right:0;
top:0;
bottom:auto;
}
span.guidec
{
background-position:0 -10px !important;
left:0;
right:auto;
top:auto;
bottom:0;
}
span.guided
{
background-position:0 -15px !important;
left:auto;
right:0;
top:auto;
bottom:0;
}


/* Full Solution Right Column Corners */
span.rightcolcorner
{
display:block;
width:5px;
height:5px;
position:absolute;
font-size:1px;
line-height:1px;
background:transparent url(/_common/img/corners-green-d.gif) no-repeat;
}
.fullfreelance span.rightcolcorner
{
background:transparent url(/_common/img/corners-purple-a.gif) no-repeat;
}
.fullsolution span.rightcolcorner
{
background:transparent url(/_common/img/corners-green-b.gif) no-repeat;
}
span.rightcola
{
background-position:0 0 !important;
left:0;
right:auto;
top:0;
bottom:auto;
}
span.rightcolb
{
background-position:0 -5px !important;
left:auto;
right:0;
top:0;
bottom:auto;
}
span.rightcolc
{
background-position:0 -10px !important;
left:0;
right:auto;
top:auto;
bottom:0;
}
span.rightcold
{
background-position:0 -15px !important;
left:auto;
right:0;
top:auto;
bottom:0;
}


#directnews #categories 
{
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #DFDFDF;
	height:34px;
}

#directnews #categories li
{
	float:left;
	background:none;
	background-color:#ECECEC;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	padding:0;
	margin:0 5px 0 0;
	white-space:normal;
	width:80px;
}

#directnews #categories li a 
{
	display:block;
	padding:2px 15px;
	text-align:center;
	line-height:1.3em;
	color:#797979;
}

#directnews #categories li.selected 
{
	font-weight:bold;
	border-bottom:1px solid #FFF;
	background-color:#FFF;
}

#directnews .articledetails 
{
	border:0;
	margin:0;
	padding:10px 10px 0 10px;
	border:1px solid #DFDFDF;
	border-top:0;
}

#directnews .articledetails li 
{
	border-bottom:1px dashed #DFDFDF;
	margin:10px 0 0 0;
	padding:0;
}

#directnews .articledetails li.last
{
	border-bottom:none;
}

#rightlist.feedlist li
{
background:transparent url(/_common/img/feed_icon_16.png) top left no-repeat;
}

/* =5. content/FCK */
/* these will probably need to sit inside the content module reference. eg. #content h3 */
.FCKcontent 
	{
	font-size: 70%;
	line-height: 1.6em;
	}
.FCKcontent .title
	{

	}
/* any heading type styles, the client will add these via the FCK styles dropdown, so you only need to add the ones you want to use. */
.FCKcontent h3, .FCKcontent h4
	{

	}
/* list styles */
.FCKcontent ol, .FCKcontent ul
	{

	}
.FCKcontent li
	{

	}
/* link styles, probably won't need this as it should be set above, but FCK will need it. */
.FCKcontent a	
	{

	}
/* paragraph formatting, probably won't need this as it should be set above, but FCK will need it. */
.FCKcontent p 
	{
	margin-bottom: 1em;
	}
.FCKcontent br
	{

	}
/* horizontal rule */
.FCKcontent hr
	{

	}
/* tables */
.FCKcontent table
	{

	}
.FCKcontent caption
	{

	}
.FCKcontent tr	
	{

	}
.FCKcontent td
	{

	}
/* text formatting */
.FCKcontent em
	{

	}
.FCKcontent strong
	{

	}
.FCKcontent u
	{

	}
.FCKcontent sub
	{

	}
.FCKcontent sup
	{

	}
.FCKcontent blockquote
	{

	}
.FCKcontent ul, .FCKcontent ol
	{
	margin-left:2em;
	}
/* images */
.FCKcontent img
	{
	border: #e0e0e0 solid 1px;
	float: left;
	margin-right: 2em;
	margin-bottom: .7em;
	padding: .5em;
	}
/* =6. overrides */

/* =7. sIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash 
{
visibility:visible !important;
margin:0;
}
.sIFR-replaced 
{
visibility:visible !important;
}
span.sIFR-alternate 
{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}
/*.sIFR-hasFlash .tog {
	visibility: hidden;
	cursor:pointer;
	display:block;
}*/



.red
{
	border: 1px solid red;
}

#homeFlash 
{
	width: 429px;
	height: 218px;
	margin: 0 0 10px 0;
}
.hidden
{
position:absolute;
top:-10000px;
left:-10000px;
width:1px;
height:1px;
visibility:hidden;
border:1px solid lime;
margin:0;
padding:0;
}