﻿/* @override 
	http://office.taskey.com:7770/extra/content/frontpage.css
	http://www.me2team.com/extra/content/frontpage.css
*/

h3 { font-size: 13pt; line-height: 20pt; color: rgb(0, 83, 137); font-weight: bold; }

.rightpane li { font-size: 11pt; line-height: 14pt; }

div.quote .quote-image { padding-right:10px; }

.redticklist
{
    list-style-image:url('smallredtick.png');
    line-height:140%;
    font-size: 9pt;
    margin-top: 20px; margin-bottom: 15px;
}

.redticklist li
{
    padding-left:2px;
}


.yellowgrad1
{
    background: #efee82 url('yellowgrad1.jpg') repeat-x bottom;
    padding: 10px 7px; margin-bottom: 10px; text-align: center;
	font: bold 14pt/100% Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

.yellowgrad2
{
    background: #FdFF69 url('yellowgrad2.jpg') repeat-x bottom;
    padding: 3px; font-size: 9.5pt; z-index: 2; vertical-align: middle; 
    width: 157px; text-align: center;
}

.bluegrad1
{
    background: #005389 url('bluegrad1.jpg') repeat-x bottom;
    padding: 7px; margin-top: 0px; font-size: 16pt; margin-bottom: 10px; color: #ffffff; 
    line-height: 100%; font-family: tahoma; text-align: center;
}

.bluegrad1 p
{
    margin: 15px;
}

.ad1
{
    background: transparent url('neilonly.jpg') no-repeat scroll 50% top; 
    padding-bottom: 20px; width: 360px; color: #000000; height: 340px; 
    -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; 
    -moz-background-inline-policy: -moz-initial; padding-top: 0px;
}

.ad1 p, .ad1 div, .ad1 .yellowgrad2
{
    font-family: Arial, Sans-Serif; line-height: 20px; margin: 0px;
}

#packages {
    text-align:center;
    height:120px;
    padding:0;
    margin: 15px 0;
}

.package {
    text-align:left;
    float:left;
    width:205px;
    height:110px;
    font-family:Helvetica, Arial;
    margin-left:2px;
    margin-right:2px;
}

.package h2 {
    font-family: Helvetica, Arial;
    font-size:130%;
    font-weight:bold;
    padding-top: 10px;
    padding-left:11px;
    margin: 0px;
	height: 36px;
}

.package .subh2 {
    font-size: 8pt;
}

.package ul {
    padding-top:7px;
    padding-left:15px;
    font-size:8pt;
    line-height:160%;
    width:160px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0px;
}

.package ul li {
	width: 190px;
	padding: 4px 0 10px;
    list-style-type: none; 
}

.from {
    text-align:left;
    text-transform: lowercase;
    font-weight:bold;
    font-size:60%;
    vertical-align:top;
    color:#aaaaaa;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom:-2px;
}

.price {
    float:right;
    font-family: "Arial Black";
    font-weight:bold;
    padding-top:5px;
    margin: 0px;
    padding-right:10px;
    text-align:right;
    vertical-align: baseline;
}

.currency {
    font-size:100%;
    line-height:140%;
    vertical-align:middle;
}

.major_currency {
    font-size:160%;
    line-height: 140%;
    vertical-align: middle;
}

.minor_currency {
    font-size:90%;
    line-height:140%;
    vertical-align:middle;
}

.per_month {
    text-transform: lowercase;
    font-weight:bold;
    font-size:70%;
    vertical-align:top;
    color:#555555;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 0px;
    line-height: 105%;
	display: block;
	clear:both;
}

.buy {
    margin-bottom:0px;
    color:#ff2200;
    font-weight:bold;
    font-size:90%;
    height:32px;
    background-repeat:no-repeat;
    text-align:center;
    padding-top: 5px;
}

#package_2 {
    background-image: url('basic_background.jpg');
    background-repeat:no-repeat;
}

#package_2 h2 {
    color: #1b4abe;
}

#package_2 a, #package_2 a:visited, #package_2 a:hover, #package_2 a:link {
    color: #1b4abe;
}

#package_2 .buy {
    background-image: url('basic_bottom.jpg');
}

#package_4 {
    background-image: url('adv_background.jpg');
    background-repeat:no-repeat;
}

#package_4 h2 {
    color: #d19900;
    width:40px;
}

#package_4 a, #package_4 a:visited, #package_4 a:hover, #package_4 a:link {
    color: #d19900;
}

#package_4 .buy {
    background-image: url('adv_bottom.jpg');
}

#top-diagram-box { position:relative; margin-left:7px; }
#t-onepageplans { position:absolute; top:25px; left:0px; }
#t-coordtodos { position:absolute; top:10px; left:285px; }
#t-me2teamlogo { position:absolute; top:130px; left:230px; }
#t-trackprogress { position:absolute; top:130px; left:430px; }
#t-everyoneinformed { position:absolute; top:180px; left:90px; }
#t-getworkdone { position:absolute; top:225px; left:290px; }

