body{
    margin: 0px;
    padding: 0px;
    font-family: arial, calibri, verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 22px;		
    background-color: #FFF;
}

h1, h2, h3, h4, h5 {
    # font: normal 142%/1.1 Verdana, Arial, Sans-Serif;
    font: calibri, normal 142%/1.1 Verdana, Arial, Sans-Serif;
    color: #000;
    padding: 0;
}

.mobiletitle{
    position: absolute;
    top: 1px;
    left: 22px;
}

div.aligner {
    width:100%;
    text-align: center;
}
table.nicetable {
    border-collapse: collapse;
    background-color: #FFFFFF;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}
table.nicetable td {
    font: 81% Verdana, Arial, Sans-Serif;
    margin: 0px;
    padding: 5px;
    border: 2px solid #FFFFFF;
}  
table.nicetable td.h1 {
    font: bold 81% Verdana, Arial, Sans-Serif;
    color: #FFFFFF;
    background-color: #755696;
}  
table.nicetable td.h2 {
    height: 50px;
    font: bold 81% Verdana, Arial, Sans-Serif;
    font-size: medium;
    color: #FFFFFF;
    background-color: #69F;		
}  
table.nicetable td.c1 {
    font: bold 81% Verdana, Arial, Sans-Serif;
    font-size: small;
    color: #000000;
    background-color: #DFE0E1;	
}  
table.nicetable td.c2 {
    font: bold 81% Verdana, Arial, Sans-Serif;
    font-size: small;
    color: #000000;
    background-color: #93B6FF;	
}  
table.nicetable td.h3 {
    font: bold 81% Verdana, Arial, Sans-Serif;
    font-size: medium;
    color: #FFFFFF;
    background-color: #DFE0E1;
}  
table.nicetable td.c3 {
    font: bold 81% Verdana, Arial, Sans-Serif;
    font-size: medium;
    color: #000000;
    background-color: #93B6FF;	
}  
table.nicetable td.qacolor {
    font: bold 81% Verdana, Arial, Sans-Serif;
    font-size: small;
    color: #000000;
    background-color: #FF3E96;
}  

.div_links{
    font: bold 100% Verdana, Arial, Sans-Serif;	
    text-decoration:underline;	
}

.m_body{
    background-color: #FFF;
    border: 0px;
}

.plans_table{
    font-size: 14px;
}

.plantable_text{
    font: 81% helvetica, Sans-Serif;
    font-size: medium;
}
.contents{
    position: relative;
    margin: 1px;
}

.m_pagecolumncontainer{
    margin: 0px;
    padding: 3px 3px 3px 10px;
    font-size: 12px;
    line-height: 22px;			
}

.top{
    background-color: #FFF;
    height: 15px;					
}

.topline{
    background-color: #C8EAEA;
    height: 15px;
}

.topbar{
    margin: 0px 50px 0px 50px;
    padding: 0px 0px 0px 50px;
    font-size: 14px;
    font-weight: bold;
    background-repeat: repeat-x;	
    height: 10px;
}

.toptext{
    margin: 0px 300px 0px 0px;
}

.topsymbol{
    #position: absolute;
    #top: 15px;
    #left: 75px;
    #width: 225px;
    #height: 70px;
}

.logo{
    padding-top: 10px;
}

.slogan{
    margin-top: -6px;
    font-size: 15px;
    font-weight: bold;						
    color:#777777;
}

.centertext{
    text-align: center;
}

.titletext{
    font-size: 21px;
    font-weight: bold;	
}

.subtitletext{
    font-size: 17px;
    font-weight: bold;	
}

.h1titletext{
    font-size: 19px;
    font-weight: bold;	
    margin: 0;	
}

.largetext{
    font-size: 21px;
}

.mediumtext{
    font-size: 15px;
}

.smalltext{
    font-size: 10px;
}

.abouttext{
    font-size: 12px;
}

.pagecolumncontainer{						
    padding: 20px 0px 20px 0px;
    margin-left: 250px;
    font-size: 12px;
    text-align: left;
}

.plancontainer{						
    padding: 10px 0px;
    text-align: left;
}

.planpage{
    background-color: #DDEEFF;	
    margin-left: auto;
    margin-right: auto;
    margin-left: 225px;
    padding: 20px 0px 20px 0px;
    font-size: 12px;
    text-align: left;
    border: 0px solid #0F0;
    # vj min-width: 740px;
    max-width: 85%;
    position: static;
    border: 0px solid #00F;
}

.billpage{
    background-color: #DDEEFF;	
    # padding: 20px 0px 20px 0px;
    margin-left: 225px;
    font-size: 12px;
    text-align: left;
    border: 0px solid #0F0;
    # vj min-width: 730px;
    max-width: 100%;
    position: static;
    border: 0px solid #00F;	
}

.pbxpage{
    background-color: #FFFFFF;
    padding: 20px 0px 20px 0px;
    margin-left: 250px;
    font-size: 12px;
    text-align: left;
    border: 0px solid #0F0;
    min-width: 730px;
    max-width: 100%;
    position: static;
    border: 0px solid #00F;	
}

.plancolumncontainer{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 0px solid #f00;
    height: 540px;
    max-width: 770px;
    min-width: 700px;
    width:expression(document.body.clientWidth > 770? "770px": "auto" );	/* IE is dumb	*/
}

.pbxplans{
    background-image: url(/images/trial_month_rounded.png);
    position:relative;
    top: 20px;
    width: 450px;
    height: 483px;		
}
.month{
    background-image: url(/images/trial_month_rounded.png);
    position:relative;
    top: 20px;
    float: left;	
    width: 450px;
    height: 483px;	
}

.flex{
    background-image: url(/images/trial_flex_rounded.png);	
    position: relative;
    float: right;
    top: 20px;
    width: 264px;
    height: 483px;
}

.nov15{
    background-image: url(/images/nov15_month.png);
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    width: 200px;
    height: 215px;		
}

.nov15_flex{
    background-image: url(/images/nov15_flex.png);
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    width: 200px;
    height: 366px;
}
.terms{
    background: transparent url(/images/trial_term_rounded.png) no-repeat scroll 0 0;
    position: static;
    border: 0px solid #F00;
    margin-left: 40px;
    margin-right: auto;
    width: 710px;
}

.planpart{
    border: 0px solid #69F;
    background-color: #F8F8F8;
    min-width: 700px;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
}

.plantext{
    font-size: medium;;
    margin-left: 10px;
    font: bold 120% Verdana, Arial, helvetica, Sans-Serif;
    border: 0px solid #000000;
    width: 100%;
    max-width: 725px;
    border: 0px solid #000;
    margin-left: auto;
    margin-right: auto;
}

.blueback{
    background-color: #DDEEFF;	
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0px 20px 0px;
    font-size: 12px;
    text-align: left;
    border: 0px solid #0F0;
    min-width: 620px;
    max-width: 100%;		
    position: static;
}

.pagebox{
    background-image: url(/images/rect140.png);
    margin-left: auto;
    margin-right: auto;
    width: 554px;
    height: 140px;
}

.static_columns_container{
    padding: 20px 0px 20px 0px;
    margin-left: 250px;
    font-size: 14px;
    text-align: left;
}

.jan_table{
    max-width: 1100px;
    min-width: 600px;
}

.midcolumn{				/* This div is used to keep the text of center-column within its borders, 
    instead of wrapping around the bottom of right-column	*/
    width: 48%;
    margin-right: 50px;		
}

.homecolumn{
    border: 0px solid #FF00FF;
    width: 54%;
    margin-right: 50px;
}

.pbxcolumn{
    font-size:12px;
    width: 578px;
    margin-right: 50px;	
}

.pbx_rightcolumn{
    position: absolute;		/* This could have worked being only float:right with Firefox, 
    but that doesn't work with IE, so it needs to be position: absolute			*/
    
    top: 90px;
    right: 0px;
    padding-left: 50px;
    width: 29%;		/* The only way to provide the space between 2 columns is with leftpad. & small width*/	
}

.aboutimg{
    float: right;
    margin: 0px 0px 0px 20px;
}

.products_img{
    float: left;
    margin: 0px 20px 0px 0px;
}

.sideboxes{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 70px;
    z-index: 10;			
}

.titlebar{
    background-color: #33959E;	
    font-size: 32px;
    color: #FFF;
    padding: 15px 0px 0px 25px;
    height: 50px;				/* The actual height is 70px, which is height + paddings (top and bottom) */
    line-height: 32px;		
}

.indextitle{
    line-height: 26px;		
    color: #33959E;
    font-size:21px;
}

.m_titlebar{
    background-color:#FFF;	
    font-size:14px;
    font-weight: bold;
}

.column{
    margin-top: 10px;
    margin-right: 50px;
    float: left;
    background-color: #fff;
    width: 200px;
    z-index: 10;
}

.column_image{
    margin-bottom: 5px;
}

.column_text{
    margin-bottom: 11px;
    line-height: 18px;
    font-style: italic;
    font-size: small;
}

.index_column_menu{					/* The container for colored bricks */
    width:200px;
    cursor: pointer;
    vertical-align:top;					
}

.greybox{
    background-color:#808385; 		
    height: 35px;
}

.greenbox{
    background-color:#71A051;
    height: 35px;
}

.bluebox{
    background-color:#33959E;
    height: 35px;	
}

.goldbox{
    background-color:#daa520;
    height: 35px;
    width: 200px;
    margin-bottom: 5px;
}

.arrow{
    position: absolute;
    right: 3px;
    top: 5px;
}

.g_arrow{
    float: right;
    right: 0px;
}

.brick_title{
    padding: 2px 0px 0px 10px;		
    font-size:19px;									
    color: #FFF;
    # font-weight: bold;
}

.brick_text{
    margin-bottom: 5px;		
    padding: 0px 0px 2px 7px;
    font-weight:bold;
    color:#1A1818;
    font-size:12px;
}

.column_menu{						/* The container for golden bricks */
    width:200px;
    cursor: pointer;
    vertical-align:top;					
}

.footer{
    #float:bottom;
    position:relative;
    clear:both;
    #vertical-align: bottom;
    #font-size: small;
    #margin-left: 400px;			
    background-color: #fff;
    #width: 575px;
    text-align:center;
}

.menutext
{
    font-size: 14px;
    text-align: right; 	
}

.boxarea{			/* For the form in partner-page (partnercontact partial)*/
    width: 200px;				
    margin:10px 0px 0px 0px;
    background-color: #fff;
}
/*css for tooltip start*/
#set_of_links {
    padding:9px;
    padding: 0px 15px 5px 0;
    float:right;
    float: left;
    vertical-align:top;
}
#set_of_links a {
    display: inline;
    vertical-align:top;
    color: #B22222;        
}
#set_of_links a:hover {
    background:white;
    width: 200px;
    vertical-align:top;  
}
#set_of_links a div {
    display:none;
    vertical-align:top;
}
#set_of_links a div{display: none;}

#set_of_links a:active div,
#set_of_links a:focus div{
    position: absolute;
    display:block;
    padding: 0.25em 1em;
    width: 200px;
    vertical-align:top;
    color:#000000;
    background: #F0F8FF;
    text-decoration:none;
    border: 1px solid #4682B4;
    border-top-width: 5px;
}
/*css for tooltip ends*/

/*message class starts*/
.error{
    font-weight: 100;
    font-size: 12px; 
    color:#000000;
    background: #BCFFBC;
    margin:20px 30px 20px 30px;
    border:1px solid green;
    border-width: 1px;
    padding:5px 5px 5px 5px;
}

.error_mobile{
    font-size:12px; 
    color:#FF0000;
    margin:5px;
    border:1px solid #0000ff;
    font-weight:bold;
    padding:5px 5px 5px 5px;
}

.success{
    font-size:13px; 
    color:#009933;
    margin:20px 30px 20px 30px;
    border:1px solid #009933;
    font-weight:bold;
    padding:5px 5px 5px 5px;
}
/*message class end*/

.error_mobile{
    font-size:14px; 
    color:#FF0000;
    margin:5px;
    border:1px solid #00f;
    padding:5px 5px 5px 5px;	
}

.borderline{
    border: 1px #000;
}

.graph 
{ 
    position: relative; /* IE is dumb */
    width: 200px;
    border: 1px solid #B1D632; 
    padding: 2px; 
}

.bar { 
    display: block;
    position: relative;
    background: #B1D632; 
    text-align: center; 
    color: #333; 
    height: 2em; 
    line-height: 2em; 
}

.graph .bar span { position: absolute; left: 1em; }

.rightcolumn{
    position: relative;		/* This could have worked being only float:right with Firefox, 
    but that doesn't work with IE, so it needs to be position: absolute			*/
    
    float: right;
    right: 0px;
    padding-left: 50px;
    width: 35%;		/* The only way to provide the space between 2 columns is with leftpad. & small width*/
}

.link_white{
    color: #fff;
}

table.stats{
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    background-color: #555;
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    
}

table.stats td
{background-color: #DFE0E1;
    font: normal 12px Verdana, Arial, Sans-Serif;
    font-size:medium;
    color: #000;
    padding: 6px;
    font-size: 12px;
    text-align: center;
    border: 1px #fff solid;}

table.stats td.nonHedLeft
{background-color: #DFE0E1;
    font: normal 12px Verdana, Arial, Sans-Serif;
    font-size:medium;
    color: #000;
    padding: 6px;
    font-size: 12px;
    text-align: left;
    border: 1px #fff solid;}


table.stats td.hed
{background-color: #93B6FF;
    color: #000;
    padding: 6px;
    text-align: center;
    border-bottom: 2px #fff solid;
    font-size: 13px;
    font-weight: bold;}

table.stats td.hedLeft
{background-color: #93B6FF;
    color: #000;
    padding: 6px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 13px;
    font-weight: bold;}
.orange_btn{
    background-color: #666;
    color: #ffffff;
    font-weight: bold;
}

.m_orange_btn{
    background-color: orange;
    color: #454545;
    font-weight: bold;
    
}
.cc_details{
    color: #000;
    padding: 6px;
    text-align: left;
    font-weight: normal;
    font-size: 11px;
    color: #000;
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
}

.mybutton{
    width: 4em;
}

.monthly_pricing{
    position: absolute;
    top: 20px;
    left: 40px; 
    width: 43%;
    height: 170px;	
    text-align: left;	
}

.flex_pricing{
    position: absolute;
    top: 20px;
    left: 50%; 
    width: 43%;
    height: 170px;
    text-align: left;	
}

.blue_pricing_header{
    height: 40px;
    background-color:#4FBDDD;
    text-align: center;
    
}
.orange_pricing_header{
    height: 40px;
    background-color:#ff9955;
    text-align: center;
    
}
.pricing_rows{
    height: 40px;
    background-color:#ffffff; 
    text-align: center;
}
.pricingplancolumncontainer{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #f00;
    height: 450px;
    text-align: center;
    # margin-bottom: 5px;
    max-width: 770px;
    min-width: 700px;
    width:expression(document.body.clientWidth > 770? "770px": "auto" );	/* IE is dumb	*/
}

.pricing_terms{
    position: static;
    border: 0px solid #F00;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 10px;
    width: 620px;
    font-size: 11px;
}

.pricing_table{
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #CDCDCD; /* lt gray*/
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #CDCDCD; /* lt gray*/
    background-color:white;
}

#home_header {
margin: 0 auto;
width: 972px;
}


#home_header_content {
    float:left;
    width: 972px;
}

.new2{
    position: relative;
    height: 50px;
    width: 972px;
}

#logo2{
	background: transparent url(images/TM.png) no-repeat scroll 0 0;
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 3px;
	margin-bottom: 5px;
}

#topbar2{
	float:right;
	position:relative;
	margin-top: 10px;
	margin-bottom: 5px;
    line-height: 24px;		
}


.homecolumn2{
    width: 100%;
    margin-right: 50px;
}

.leftcolumn45{
    float: left;
    width: 45%;
}

.rightcolumn45{
    float: left;
    width: 45%;
}

.leftcolumn50{
    float: left;
    width: 50%;
}

.rightcolumn50{
    float: left;
    width: 50%;
}

.leftcolumn2{
    float: left;
    width: 60%;
}

.rightcolumn2{
    float: left;
    width: 40%;
}

.clearcolumn2{
	height:1px;
	font-size:1px;
	float:none;
	clear:both;
}

.homecolumn22{
    position: relative;
}
.leftcolumn22 {
    position: absolute;
    width: 60%;
    left: 0px;
}

.rightcolumn22 {
    position: absolute;
    left: 60%;
    width: 40%;
}

a:link 
{	color: #6b6d6f;
    text-decoration: none;
}   /*  unvisited link 	*/
a:visited
{
    color: #6b6d6f;
    text-decoration: none;	
}
a:hover 
{
    color: #FF8D25;
    text-decoration: none;
}   /* mouse over link */
a:active 
{	
    color: #FF8D25;
    text-decoration: none;
}   /* selected link */

.bluelink a {
color:#0071B2;
}

.margin10 {
    margin: 10px;
}

.margin5 {
    margin: 5px;
}

.padding5 {
    padding: 5px;
}

.menu {
    margin-right: 5px;
}


#inline2{
    float:none;
    clear:both;
}

#inline1 {
    background:#CCCCFF none repeat scroll 0 0;
    border:1px solid black;
    height:2em;
    position:relative;
}

.absembed {
    position:absolute;
    width:25%;
}
#embed1 {
    background:#CCCCCC none repeat scroll 0 0;
    left:0;
    top:0;
}
#embed2 {
    background:#FFCCCC none repeat scroll 0 0;
    left:25%;
    top:0;
}
#embed3 {
    background:#FFFFCC none repeat scroll 0 0;
    left:50%;
    top:0;
}
#embed4 {
    background:#CCFFFF none repeat scroll 0 0;
    right:0;
    top:0;
}

#twocolumn_100 {
    height: 100px;
}
#twocolumn_150 {
    height: 150px;
}
#twocolumn_200 {
    height: 200px;
}
#twocolumn_250 {
    height: 250px;
}
#twocolumn_300 {
    height: 300px;
}
#twocolumn_500 {
    height: 500px;
}