.error-message { color:red; }
#flashMessage { margin-bottom:1em; }

hr.std { height:1px; border:none; background-color:white; border-bottom:1px dotted #c4c4c4; }


/**
 * Icons
 */
.icon { width:16px; height:16px; }
.icon.loading { background:url(/img/icons/loader2.gif) transparent no-repeat; }
.icon.loading.large { background:url(/img/icons/loader1.gif) transparent no-repeat; width:32px; height:32px; }


/**
 * Messages
 */
div.message { border:1px solid #f0008d; padding:5px; background-color:#f0f0f0; }
div.message p { font-size:1em; margin:0; }
div.message p a { color:#7a7a7a; font-weight:bold; text-decoration:none; }
div.message p a:hover { text-decoration:underline; }

div.message.notice { border:1px solid #1ec2ea; }

div.message ul { margin-top:5px; margin-bottom:0; }
div.message li { font-size:1em; }

/**
 * Utility
 */
#utility { position:absolute; top:0; width:100%; } 
#utility a { outline:none; }
#utility div.wrapper { position:relative; width:100%; height:34px; }

#utility div.login { position:absolute; top:6px; left:380px; width:316px; }
#utility div.login p.login { float:left; width:34px; height:13px; margin:0; padding:5px 4px 0 0; background:url(/img/sprites.png) no-repeat transparent 0px -500px; }
#utility div.login p.login span { display:block; text-indent:-9000px; }
#utility div.login label { display:none; }
#utility div.login div.input { display:inline; padding-right:6px; }
#utility div.login div.input input { border:1px solid #d6d6d6; color:#7a7a7a; font-size:0.75em; padding:2px 2px 2px 2px; }
#utility div.login div.submit { display:inline; }
#utility div.login div.submit input { border:none; background:url(/img/sprites.png) no-repeat white -100px -500px; width:13px; text-indent:-9000px; }
#utility div.login div.input.username input, #utility div.login div.input.password input { width:74px; }

#utility div.login div.end { position:absolute; top:1px; right:0; width:77px; }
#utility div.login div.end p { width:77px; margin:0; padding:0; }
#utility div.login div.end p a { text-indent:-9000px; display:block; width:100%; height:100%; }

#utility div.user { position:absolute; top:5px; right:160px; }
#utility div.user div.wrapper { position:relative; }
#utility div.user p { float:left; font-size:0.75em; }
#utility div.user a { display:block; width:100%; height:100%; }

/*
#utility div.user p.hello { margin-top:3px; margin-right:158px; color:#f0008d; }
#utility div.user p.hello span { color:#1ec2ea; }
#utility div.user p.dashboard { margin-top:5px; position:absolute; right:66px; background:url(/img/layout/header/dashboard.png) no-repeat; width:82px; height:13px; text-indent:-9000px; }
#utility div.user p.logout { margin-top:5px; position:absolute; right:0; background:url(/img/layout/header/logout.png) no-repeat; width:58px; height:13px; text-indent:-9000px; }
*/

#utility div.user p.hello { margin-top:3px; color:#f0008d; margin-right:10px; }
#utility div.user p.hello span { color:#1ec2ea; }
#utility div.user p.hello a { text-decoration:none; display:inline; }
#utility div.user p.dashboard { margin-top:5px; margin-right:10px; background:url(/img/layout/header/dashboard.png) no-repeat; width:82px; height:13px; text-indent:-9000px; }
#utility div.user p.logout { margin-top:5px; background:url(/img/layout/header/logout.png) no-repeat; width:58px; height:13px; text-indent:-9000px; }

#utility div#clientAccounts { float:left; margin-right:10px; background:url(/img/layout/header/sep.png) transparent no-repeat 0 5px; padding-left:10px; }
#utility div#clientAccounts select { font-size:0.7em; margin-top:2px; margin-right:5px; }
#utility div#clientAccounts form { display:inline; }
#utility div#clientAccounts a { font-size:0.7em; display:inline; text-decoration:none; color:#7a7a7a; }

#utility div#clientAccountsInfoBox { position:absolute; z-index:9999; top:0; left:0; border:1px solid #7a7a7a; background-color:#f0f0f0; padding:5px; width:170px; }
#utility div#clientAccountsInfoBox p { margin:0; font-size:0.75em; }

#utility p.forgotten { height:9px; background:url(/img/sprites.png) 0px -540px; }
#utility p.forgotten:hover { background-position:0px -549px; }

#utility p.remember { height:10px; background:url(/img/sprites.png) -100px -540px; text-indent:-9000px; cursor:pointer; }
#utility p.remember.on { background-position:-100px -550px; }

/*#utility p.register { margin:0; padding:0; position:absolute; top:11px; right:162px; width:102px; height:13px; background-image:url(/img/layout/header/client-register.png); }
#utility p.register:hover { background-position:bottom left; }
#utility p.register a { text-indent:-9000px; display:block; width:100%; height:100%; }*/

#utility p.call { margin:0; padding:0; position:absolute; top:9px; right:26px; width:125px; height:15px; background:url(/img/sprites.png) transparent -200px -500px; text-indent:-9000px; }


/**
 * Tooltips (jquery)
 */
#tooltip {
 position: absolute;
 z-index: 3000;
 border: 1px solid #7a7a7a;
 background-color: #f0f0f0;
 padding: 5px;
 opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 { color:#7a7a7a; font-size:0.8em; }



/**
 * Info pops
 */ 
.infoPop { cursor:pointer; background:url(/img/elements/infopop/left.png) transparent no-repeat top left; position:absolute; width:322px; text-align:left; z-index:999; }
.infoPop .wrapper { margin-bottom:-18px; padding:15px 20px 20px 35px; background:url(/img/elements/infopop/br.png) transparent no-repeat bottom right; }
.infoPop p.title { margin-bottom:5px; text-align:left !important; font-weight:bold; color:#f0008d; font-size:0.55em; }
.infoPop p.text { font-size:0.5em; font-weight:normal; margin:0; text-align:left !important; }



/**
 * Filter
 */
.filterIframe { border:1px solid #c4c4c4; }


/**
 * Odds
 */
a.arrow { background:url(/img/elements/arrow-small.png) transparent no-repeat bottom right; padding-right:14px; color:#1ec2ea; text-decoration:none; }

p.buttonContact { height:40px; }
p.buttonContact span { float:right; display:block; height:30px; width:238px; background:url(/img/sprites.png) transparent no-repeat -700px -950px; text-indent:-9000px; }
p.buttonContact span:hover { background-position:-700px -980px; }
p.buttonContact span a { display:block; width:100%; height:100%; }

a.arrowDown { background:url(/img/sprites.png) transparent no-repeat right -1086px; padding-right:15px; }
a.arrowUp { background:url(/img/sprites.png) transparent no-repeat right -1061px; padding-right:15px; }

/**
 * Forms
 */
form.std { margin-bottom:20px; }
form.std label { display:block; float:none !important; }
form.std div.input { margin-bottom:10px; }

form.std div.submit input { font-size:1em; }

form.std div.submit.styled { text-align:right; }
form.std div.submit.styled input { top:-1px; position:relative; padding:5px 0 0 0; width:145px; height:40px; background-image:url(/img/elements/submit-button.png); border:none; color:white; font-size:1em; font-family:Calibri; }
form.std div.submit.styled input:hover { background-position:bottom left; }
	
form.std div.submit input { background-color:#f0008d; border-top:none; border-left:none; border-right:1px solid #707070; border-bottom:1px solid #707070; color:white; font-size:1.2em; font-family:Calibri; padding:2px 8px 2px 8px; }
form.std div.submit input:hover { background-color:#1ec2ea; cursor:pointer; }

form.std div.submit input.small { background-color:#1ec2ea; font-size:12px; padding:2px 5px; }
form.std div.submit input.small:hover { background-color:#19a1c2; }

form.std div.input input, form.std div.input textarea { border:1px solid #c4c4c4; width:100%; color:#7a7a7a; padding:2px; }
form.std div.input select { border:1px solid #c4c4c4; color:#7a7a7a; padding:2px; }

form.std div.input.checkbox input { border:none !important; }
form.std div.input.radio input { border:none !important; }

form.std div.error label { color:red; }
form.std div.error-message { display:none; }

form.std div.input.last { margin-bottom:1px; }

.req { color:#1ec2ea; }
p.reqNote { font-size:0.7em; }

form.std div.input span, form.std div.input div.note { font-size:0.7em; }


/**
 * Invalid REGISTER
 */
form.register div.error label { color:#7A7A7A; }
form.register div.error input[type=text] { background:url(/img/icons/invalid.png) transparent no-repeat top right; }
form.register div.valid input[type=text] { background:url(/img/icons/valid.png) transparent no-repeat top right; }
 

/**
 * H3 block
 */
h3.block { color:white; background:url(/img/elements/table-head.png) repeat-x transparent; padding:10px 0 10px 5px !important; font-size:1em; }


/**
 * Data table
 */
table.data { border-collapse:collapse; width:100%; margin-bottom:1em; }
table.data .last { background-position:top left; }
table.data thead { background:url(/img/elements/table-head.png) repeat-x white; }
table.data thead tr th { color:#4c4c4c; height:30px; text-align:left; background:url(/img/elements/table-head.png) repeat-x transparent top right; font-size:0.9em; }
table.data thead tr th a { color:#4c4c4c; text-decoration:none; outline:none; }
table.data thead tr th a:hover { color:#c4c4c4; }

table.data thead tr th.sub { text-align:center; height:25px; padding:0; text-align:center; font-size:18px; background-position:0px -20px; }

table.data tbody td { border-bottom:1px solid #f0f0f0; }
table.data tbody td a { display:block; width:100%; height:100%; }
table.data tbody td a.inline { display:inline; width:auto; height:auto; }

table.data tbody tr:hover td { background-color:#eef7fc; }
table.data tbody tr.alt td {  }

table.data th { padding:10px 5px 10px 5px; }
table.data td { padding:5px; }
table.data.small td { padding:2px; }

table.data td.actions div.button.blue { float:left; }
table.data .noWrap { white-space:nowrap; }



table.data.boxed { border:1px solid #c0c0c0; }
table.data.boxed th.sub { border-bottom:1px solid #c0c0c0; }
table.data.boxed tbody tr:last-child td { border-bottom:1px solid #c0c0c0; }



/**
 * Rating
 */
div.rating { width:100px; height:16px; background:url(/img/icons/star-states2.png) transparent repeat-x top left; }
div.rating div.value { height:16px; background:url(/img/icons/star-states2.png) transparent repeat-x bottom left; }
div.rating div.value.value0 { width:0; }
div.rating div.value.value1 { width:20px; }
div.rating div.value.value2 { width:40px; }
div.rating div.value.value3 { width:60px; }
div.rating div.value.value4 { width:80px; }
div.rating div.value.value5 { width:100px; }

div.rating div.change { width:100px; height:16px; position:absolute; top:0; }
div.rating div.change:hover { background:url(/img/icons/star-states2.png) transparent repeat-x top left; }
div.rating div.change div { position:absolute; top:0; width:20px; height:16px; text-indent:-9000px; }
div.rating div.change div:hover { background:url(/img/icons/star-states2.png) transparent repeat-x bottom left; }
div.rating div.change div a { display:block; width:100%; height:100%; outline:none; }
div.rating div.change div.change1 { width:20px; z-index:10; }
div.rating div.change div.change2 { width:40px; z-index:9; }
div.rating div.change div.change3 { width:60px; z-index:8; }
div.rating div.change div.change4 { width:80px; z-index:7; }
div.rating div.change div.change5 { width:100px; z-index:6; }

div.rating.other { background-image:url(/img/icons/star-states3.png); }
div.rating.other div.value { background-image:url(/img/icons/star-states3.png); }

/**
 * Site table (with lines)
 */
table.site { border-collapse:collapse; width:100%; margin-bottom:1em; }
table.site .last { background-position:top left; }
table.site thead { background:url(/img/elements/line-long.png) transparent no-repeat 0px 22px; }
table.site thead tr th { font-family:Georgia; text-align:left; padding-bottom:20px; font-size:0.9em; }

table.site tbody td { border-bottom:1px solid #e7e7e7; }
table.site tbody td a { display:block; width:100%; height:100%; padding:2px 0 2px 0; color:#7a7a7a; text-decoration:none; }

table.site tbody td.view { width:20px; text-indent:-9000px; }
table.site tbody td.view a { display:block; width:100%; height:100%; }

table.site tbody tr:hover td { background-color:#d2f3fb; }
table.site tbody tr:hover td.view { background:url(/img/elements/site-table-arrow.png) #d2f3fb no-repeat 0px 6px; }

/*table.data thead tr th a { color:white; text-decoration:none; outline:none; }
table.data thead tr th a:hover { color:#c4c4c4; }



table.data th { padding:10px 5px 10px 5px; }
table.data td { padding:5px; }
table.data.small td { padding:2px; }*/



/**
 * Data lists
 */
dl.data { margin-top:0em; }
dl.data dt { float:left; width:120px; font-weight:bold; }
dl.data dd { margin-bottom:5px; margin-left:125px; }



/**
 * Sort
 */
.sortArrows { margin-left:10px; width:10px; height:13px; display:inline-block; background:url(/img/elements/sort-arrows.png) no-repeat transparent top left; }
.sortArrows.asc { background-position:-10px 0; }
.sortArrows.desc { background-position:top right; }
.sortArrows a { display:block; width:100%; height:100%; text-indent:-9000px; }


/**
 * Cards
 */
#cards { position:relative; overflow:hidden; }
#cards .wrapper { width:100%; }
#cards .card { width:100%; }

#cards .card .controls { width:100%; display:none; }

#cards .card .controls p.prev { float:left; width:110px; height:41px; background:url(/img/elements/previous.png) transparent no-repeat; text-indent:-9000px; }
#cards .card .controls p.next { float:right; width:80px; height:41px; background:url(/img/elements/next.png) transparent no-repeat; text-indent:-9000px; }

#cards .card .controls p.prev a,
	#cards .card .controls p.next a { display:block; width:100%; height:100%; outline:none; }
	
/*
#cards .card .controls p.prev { float:left; }
#cards .card .controls p.next { float:right; }
*/

/*
#cards .wrapper { position:absolute; }
#cards .card { position:absolute; }
#cards .card .controls { position:absolute; bottom:0; }*/


/**
 * Buttons
 */
div.button {  }
div.button span { }
div.button a {}

div.button.default {}
div.button.default a { background-color:red; }

div.button.blue { height:22px; background:url(/img/buttons/blue.png) no-repeat transparent top left; position:relative; margin-right:15px; }
div.button.blue span { position:absolute; top:0; right:0; width:4px; height:22px; background:url(/img/buttons/blue-cap.png) no-repeat transparent top left; }
div.button.blue a { display:block; width:100%; color:white; font-weight:bold; text-decoration:none; font-family:arial; font-size:0.9em; padding:3px 8px 0 8px; }

div.button.blue:hover { background-position:bottom left; }
div.button.blue:hover span { background-position:bottom left; }

div.button.pink { height:22px; background:url(/img/buttons/pink.png) no-repeat transparent top left; position:relative; margin-right:15px; }
div.button.pink span { position:absolute; top:0; right:0; width:4px; height:22px; background:url(/img/buttons/pink-cap.png) no-repeat transparent top left; }
div.button.pink a { display:block; width:100%; color:white; font-weight:bold; text-decoration:none; font-family:arial; font-size:0.9em; padding:3px 8px 0 8px; }


/** Regular button */
button, a.button { border:none; position:relative; background-color:transparent; cursor:pointer; outline:none; text-decoration:none; }
button div.text, a.button div.text { float:left; height:40px; background:url(/img/sprites.png) transparent 0 -840px; }
button div.text span, a.button div.text span { color:white; display:block; padding:5px 5px 0 40px; font-family:Calibri; font-weight:bold; font-size:22px; text-shadow: 0px 0px white, -1px -1px rgba(0,0,0,0.3); }
button div.cap, a.button div.cap { float:left; height:40px; width:60px; background:url(/img/sprites.png) transparent -500px -840px; }

button:hover div.text, a.button:hover div.text { background-position:0 -800px }
button:hover div.cap, a.button:hover div.cap { background-position:-500px -800px }

button:active div.text, a.button:active div.text { background-position:0 -880px }
button:active div.cap, a.button:active div.cap { background-position:-500px -880px }


/** Small button */
button.small div.text, a.button.small div.text { height:32px; background-position:0 -1032px; }
button.small div.text span, a.button.small div.text span { padding:3px 5px 0 30px; font-size:18px; }
button.small div.cap, a.button.small div.cap { height:32px; width:45px; background-position:-500px -1032px; }

button.small:hover div.text, a.button.small:hover div.text { background-position:0 -1000px }
button.small:hover div.cap, a.button.small:hover div.cap { background-position:-500px -1000px }

button.small:active div.text, a.button.small:active div.text { background-position:0 -1065px }
button.small:active div.cap, a.button.small:active div.cap { background-position:-500px -1065px }


/*
div.button.blue { min-width:60px; height:22px; background:url(/img/buttons/blue.png) no-repeat transparent top left; margin-right:5px; margin-left:0px; }
div.button.blue span { background:url(/img/buttons/blue-cap.png) no-repeat transparent top right; height:22px; display:block; position:relative; padding-right:20px; }
div.button.blue a { display:block; width:100%; text-align:center; color:white; font-weight:bold; text-decoration:none; font-family:arial; font-size:0.9em; padding:3px 0 0 3px; }
div.button.blue a:hover { color:white; }*/



/**
 * Paginate elements
 */
.paginate.counter { float:left; }

.paginate.numbers { float:right;  }

.paginate.numbers span:hover { background-color:#1ec2ea; }
.paginate.numbers span:hover a { color:white; }

.paginate.numbers span { display:block; float:left; background-color:#ddeff7; margin-left:5px; }
.paginate.numbers span a { color:#003f7a; text-decoration:none; display:block; width:100%; height:100%; padding:3px 7px;  }

.paginate.numbers span.current { background-color:#ef008c; color:white; padding:3px 7px; }

.paginate.limit { float:right; margin-right:20px; }
.paginate.limit label { display:none; }
.paginate.limit select { padding:2px; }
	

/**
 * Box
 */
div.box { background:url(/img/box/styled/box-ml.png) repeat-y; margin-bottom:50px; }

div.box div.top { height:30px; background:url(/img/box/styled/box-tl.png); }
div.box div.top div { background:url(/img/box/styled/box-tr.png) no-repeat transparent top right; width:100%; height:30px; }
div.box div.bottom { height:15px; background:url(/img/box/styled/box-bl.png); }
div.box div.bottom div { background:url(/img/box/styled/box-br.png) no-repeat transparent top right; width:100%; height:15px; }
div.box div.middle { background:url(/img/box/styled/box-mr.png) repeat-y transparent top right; margin:0 0 0 16px; padding:0 16px 0 0; }

div.box p { line-height:1.6em; }

div.box div.close { position:absolute; top:2px; right:10px; text-indent:-9000px; }
div.box div.close a { display:block; width:100%; height:100%; outline:none; }

div.box.plain div.top { background-image:url(/img/box/plain/box-tl.png); height:15px; }
div.box.plain div.top div { background-image:url(/img/box/plain/box-tr.png); height:15px; }
div.box.plain div.bottom { background-image:url(/img/box/plain/box-bl.png); }
div.box.plain div.bottom div { background-image:url(/img/box/plain/box-br.png); }
div.box.plain div.middle { background-image:url(/img/box/plain/box-mr.png); }

div.box.transparent {
  background-image:url(/img/box/transparent/box-bg.png); padding-top:10px;
}
div.box.transparent div.top { display:none; }
div.box.transparent div.bottom { }
div.box.transparent div.middle { background-image:none;  }

div.box.alert { background:url(/img/box/alert/box-ml.png) repeat-y; margin-bottom:50px; }
div.box.alert div.top { background-image:url(/img/box/alert/box-tl.png); height:7px; }
div.box.alert div.top div { background-image:url(/img/box/alert/box-tr.png); height:7px; }
div.box.alert div.bottom { background-image:url(/img/box/alert/box-bl.png); height:7px; }
div.box.alert div.bottom div { background-image:url(/img/box/alert/box-br.png); height:7px; }
div.box.alert div.middle { background-image:url(/img/box/alert/box-mr.png); position:relative; }
div.box.alert div.middle p,
	div.box.alert div.middle h3,
	div.box.alert div.middle h4,
	div.box.alert div.middle h5 { color:white; }
div.box.alert div.close { top:8px; right:15px; width:96px; height:21px; background:url(/img/box/alert/close.png) transparent no-repeat; }

div.box.highlight { background:url(/img/box/highlight/box-ml.png) repeat-y; margin-bottom:20px; }
div.box.highlight div.top { background-image:url(/img/box/highlight/box-tl.png); height:7px; }
div.box.highlight div.top div { background-image:url(/img/box/highlight/box-tr.png); height:7px; }
div.box.highlight div.bottom { background-image:url(/img/box/highlight/box-bl.png); height:7px; }
div.box.highlight div.bottom div { background-image:url(/img/box/highlight/box-br.png); height:7px; }
div.box.highlight div.middle { background-image:url(/img/box/highlight/box-mr.png); position:relative; }
div.box.highlight div.close { width:16px; height:16px; background:url(/img/box/highlight/close.png) transparent no-repeat; }

div.box.side { margin-bottom:15px; width:221px; background-image:none; }
div.box.side div.top { background-image:url(/img/box/side/top.png); height:16px; }
div.box.side div.top div { display:none; background-image:none; }
div.box.side div.bottom { background-image:url(/img/box/side/bottom.png); height:17px; }
div.box.side div.bottom div { display:none; background-image:none; }
div.box.side div.middle { background-image:url(/img/box/side/middle.png); position:relative; margin:0; padding:3px 14px 3px 14px; }
div.box.side div.middle p { margin:0; }
div.box.side h3 { color:#f0008d; font-size:16px; }

div.box.side form { margin:0; }
div.box.side form .submit input { font-size:14px; }

div.boxgrey { background-color:#f6f6f6; border:1px solid #eeeeee; padding:20px; }


/**
 * Lists of records
 */
div.stdList div.record { position:relative; padding-bottom:10px; margin-bottom:20px; background:url(/img/elements/line-short.png) no-repeat transparent bottom left; }
div.stdList div.record h3 { width:450px; margin-bottom:5px; }
div.stdList div.record h3 a {  }
div.stdList div.record p.date { position:absolute; top:0; right:0; color:#c4c4c4; font-size:0.7em; }
div.stdList div.record p.overview { padding-top:0em; font-size:0.75em; }
div.stdList div.record a { text-decoration:none; /*color:#7a7a7a;*/ font-size:0.9em; }
div.stdList div.record a:hover { background-position:bottom right; }



/**
 * Matrix tables
 */
table.matrix { border-collapse:collapse; margin-bottom:20px; }
table.matrix .yes, table.matrix .no { background:url(/img/elements/ticks-and-crosses.png) transparent no-repeat top left; width:26px; height:22px; text-indent:-9000px; margin:0 auto; }

table.matrix thead th { padding:15px; vertical-align:top; position:relative; }
table.matrix thead th.col1 { vertical-align:bottom; text-align:left; font-size:1.2em; }

table.matrix .head { font-size:2.2em; font-weight:bold; }
table.matrix .sub { font-size:1.4em; font-weight:bold; }

table.matrix tbody td, table.matrix thead th { border-bottom:1px solid #e7e7e7; padding:15px; vertical-align:top; }

table.matrix tbody td, table.matrix thead th { font-size:0.8em; }

table.matrix.cols4 .col1 { width:30%; }
table.matrix.cols4 .col2 { width:20%; }
table.matrix.cols4 .col3 { width:20%; }
table.matrix.cols4 .col4 { width:20%; }

table.matrix.cols5 .col1 { width:20%; }
table.matrix.cols5 .col2 { width:20%; }
table.matrix.cols5 .col3 { width:20%; }
table.matrix.cols5 .col4 { width:20%; }
table.matrix.cols5 .col5 { width:20%; }

table.matrix .yes, table.matrix .no { margin-bottom:5px; }

table.matrix .col2 .yes { }
table.matrix .col3 .yes { background-position:-26px 0; }
table.matrix .col4 .yes { background-position:-52px 0; }

table.matrix .col2 .no { background-position:0px -22px; }
table.matrix .col3 .no { background-position:-26px -22px; }
table.matrix .col4 .no { background-position:-52px -22px; }

table.matrix .col2 { text-align:center; }
table.matrix .col3 { text-align:center; }
table.matrix .col4 { text-align:center; }
table.matrix .col5 { text-align:center; }

table.matrix td div { font-weight:bold; font-size:1.5em; }
table.matrix td span { font-weight:bold; }

table.matrix td.col2 span, table.matrix td.col2 div, table.matrix th.col2 div.head { color:#f0008d; }
table.matrix td.col3 span, table.matrix td.col3 div, table.matrix th.col3 div.head { color:#1ec2ea; }
table.matrix td.col4 span, table.matrix td.col4 div, table.matrix th.col4 div.head { color:#84eb70; }



table.matrix.options thead th { }
table.matrix.options .col1 strong { color:#f0008d; }
table.matrix.options .col2 { background-color:#f6f6f6; }
table.matrix.options div.mostPopular { position:relative; }
table.matrix.options div.mostPopular span { color:#f0008d; position:absolute; top:-10px; display:block; width:100%; text-align:center; }


table.matrix.optionsLong thead th { white-space:nowrap; }
table.matrix.optionsLong thead th.col1 { font-size:2em; color:#888888;  }

table.matrix.optionsLong thead th em { font-weight:normal; font-size:10px; color:#A1A1A1; }

table.matrix.optionsShort td, table.matrix.optionsShort th { font-family:Georgia; }
table.matrix.optionsShort thead th { font-size:0.8em; white-space:nowrap; }
table.matrix.optionsShort thead th .head { font-size:2.2em; margin-top:10px; margin-bottom:5px; font-family:calibri; }
table.matrix.optionsShort thead th .sub { font-size:0.9em; margin-bottom:5px; }
table.matrix.optionsShort thead th .price { font-size:1.9em; margin-bottom:5px; }
table.matrix.optionsShort thead th .term { font-size:0.8em; margin-bottom:10px; }
table.matrix.optionsShort div.mostPopular span { font-size:0.9em; }

table.matrix.optionsShort thead th.col2 .price { color:#f0008d; }
table.matrix.optionsShort thead th.col3 .price { color:#1ec2ea; }
table.matrix.optionsShort thead th.col4 .price { color:#84eb70; }

table.matrix.optionsShort thead th div.submit { width:100%; height:30px; background:url(/img/matrix/submit-pink.png) transparent no-repeat top center; text-indent:-9000px; }
table.matrix.optionsShort thead th div.submit a { display:block; width:100%; height:100%; }

table.matrix.optionsShort thead th.col3 div.submit { background-image:url(/img/matrix/submit-blue.png); }
table.matrix.optionsShort thead th.col4 div.submit { background-image:url(/img/matrix/submit-green.png); }

table.matrix.optionsShort tbody td.col1 { font-weight:bold; }

div.matrixTerms p { font-size:0.7em; }



table.matrix.comparison td, table.matrix.comparison th { font-family:Georgia; }
table.matrix.comparison .col2 { background-color:#f6f6f6; }
table.matrix.comparison thead th.col2 { color:#f0008d; }
table.matrix.comparison thead th.col2 span { /*color:#888888;*/ }
table.matrix.comparison thead th { font-size:0.8em; vertical-align:middle; }

table.matrix.comparison thead th.col2.logo { font-size:0.9em; }

table.matrix.comparison thead tr.row2 th { font-size:0.7em; font-weight:normal; }
table.matrix.comparison thead tr.row2 th.col2 { font-size:0.7em; }

table.matrix.comparison tbody td, table.matrix.comparison thead th { padding:10px 15px 10px 15px; }

table.matrix.comparison tbody td.col1 { vertical-align:middle; font-weight:bold; font-size:0.8em; }
table.matrix.comparison tbody td.col1 span { border-bottom:1px dotted #888888; white-space:nowrap; }

table.matrix.comparison tbody td.col3, table.matrix.comparison tbody td.col4, table.matrix.comparison tbody td.col5 { font-size:0.75em; }

table.matrix.comparison thead th div.submit { margin-top:20px; width:100%; height:30px; background:url(/img/matrix/free-signup.png) transparent no-repeat top center; text-indent:-9000px; }
table.matrix.comparison thead th div.submit:hover { background-position:bottom center; }
table.matrix.comparison thead th div.submit a { display:block; width:100%; height:100%; }

table.matrix.comparison .col3 .yes,
	table.matrix.comparison .col4 .yes,
	table.matrix.comparison .col5 .yes
		{ background-position:-52px 0; }
		
table.matrix.comparison .col3 .no,
	table.matrix.comparison .col4 .no,
	table.matrix.comparison .col5 .no
		{ background-position:-78px -22px; }



/**
 * Side
 */
div.side h3 { font-size:16px; }
div.side h3 a { color:#7a7a7a; text-decoration:none; display:block; width:100%; height:100%; }
div.side div.sideItem { padding-bottom:20px; }
 

/**
 * Submit vacancy - for side
 */
div.side div.submitVacancy { margin-top:20px; }
div.side div.submitVacancy { width:100%; height:188px; background:url(/img/elements/side/submit-vacancy.png) no-repeat transparent center top; }
div.side div.submitVacancy a { display:block; width:100%; height:100%; text-indent:-9000px; outline:none; }


/**
 * Case studies - for side
 */
div.side div.caseStudies h3 { background:url(/img/elements/more-case-studies.png) no-repeat transparent bottom right; }
div.side div.caseStudies a img { border:0; }

div.side div.testimonials h3 { background:url(/img/elements/more-link.png) no-repeat transparent bottom right; }

 

/**
 * Social
 */
div.side div.social { }
div.side div.social ul { height:46px; margin:0 0 0 25px !important; padding:0;  }
div.side div.social ul li { margin:0 30px 0 0; padding:0; height:46px; list-style-type:none; float:left; width:40px; background-repeat:no-repeat; background:url(/img/sprites.png); text-indent:-9000px; }
div.side div.social ul li a { display:block; width:100%; height:100%; outline:none; }

div.side div.social ul li.group { background-position:0px -400px; width:32px; }
div.side div.social ul li.jobs { background-position:-40px -400px; width:32px; margin-right:28px; }
div.side div.social ul li.fanpage { background-position:-80px -400px; width:38px; margin-right:0; }
div.side div.social ul li.news { background-position:-130px -400px; width:32px; }



/**
 * Testimonials
 */
div.side div.testimonials {}
div.side div.testimonials p { font-size:0.75em; margin:0 0 0.2em 0; }
div.side div.testimonials p.from { color:#c4c4c4; text-align:right; }


/**
 * Brochure
 */
div.side div.downloadBrochure { margin:0; }
div.side div.downloadBrochure img { border:0; }


/**
 * Share
 */
div.sideShare { margin-top:20px; padding-bottom:20px; margin-bottom:20px; background:url(/img/elements/line-side.png) transparent no-repeat bottom right; }
div.sideShare div.sites { height:65px; }
div.sideShare div.sites div { float:left; width:68px; text-align:center; }
div.sideShare {}
 
 
/**
 * Facebook Social
 */
div.sideFbSocial { margin:30px 0 30px 0; }