﻿@import url('/css/fonts.css');

.Main2012txt
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    color: #777;
    cursor:default ;
}

.Main2012txt .buttonLink > a
{
    text-decoration:none;

}
/*MOVED FROM OLD CSS*/
.search
{
    background-repeat: repeat-x;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 11px;
    color: #777;
}

.SearchBtnHeader
{
    background-image: url(../images/Search_Box_Icon.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 24px;
    height: 24px;
    background-color: #68a1d2;
    margin-top: 2px;
    cursor: pointer;
}

div.RedBlog1:hover
{
    height: 52px;
    background-repeat: no-repeat;
    padding-top: 3px; 
    width: 116px;
    font-family: Arial;
    font-size: 12px;
}

div.RedBlog1
{
    height: 22px;
    padding-top: 3px;
    background-image: url(../Images/Header_Contact_Us_BTN.png);
    background-repeat: no-repeat;
    width: 116px;
    font-family: Arial;
    font-size: 12px;
}
.PhoneImg
{
    position: absolute;
    top: 6px;
    left: 3px;
    background-image: url(../Images/Phone_Icon.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 7px;
}
div.trigger a
{
    color: #fff;
    text-decoration: none;
    font-family: Arial;
    display: block;
}

.toggle_container
{
    padding: 0;
    font-family: Arial;
    overflow: hidden;
    font-size: 12px;
    width: 122px;
    clear: both;
}

.toggle_container .block
{
    background-repeat: no-repeat;
    font-family: Arial;
    padding-top: 13px;
    z-index: 999;
    padding-right: 12px;
}
/*MOVED FROM OLD CSS*/

.BlockBG
{
    height: 111px;
    width: 225px;
    margin-right: 12px;
    background-color:#f4f4f4;
    float:left;
    padding:6px;
    position:relative;
    font-size:11px;
}

.OurClients
{
	  height:30px !important;
	  background-color:#ededed !important;
	  padding-top:8px;
	  padding-bottom:8px;
}

.BlockBG .Title
{
	 height:24px;
	 font-size:17px;
	 vertical-align:top;
}

.Main2012txt h2.ComparisonHeader
{
    color:#336699;
    font-size: 15px;
    font-weight: bold;
}


.Main2012txt h1
{
    font-size: 25px;
    color: #555;
    font-weight: normal;
    margin: 0px;
    font-family: 'Open Sans' ,arial,sans-serif;
}

.Main2012txt h2
{
    font-size: 19px;
    color: #444;
    font-weight: normal;
    margin: 0px;
    font-family: 'Open Sans' ,arial,sans-serif;
}
.MainLeftSide
{
    margin: 10px;
    width: 730px;
    position: relative;
    float: left;
}

.MainRightSide
{
    width: 231px;
    float: right;
    height: 350px;
    top: -34px;
    position: relative;
    border-left: 1px solid #dfdfdf;
}

.sep_horizental-line
{
    border-bottom: 1px solid #dfdfdf;
}
.clear
{
    clear: both;
}

.left_div_pro
{
    float: left;
    width: 251px;
}
.right_div_pro
{
    float: left;
    width: 425px;
    padding-left: 20px;
}

.ButtonLarge
{
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 47px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);

}

.ButtonLarge:hover
{
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border: solid 1px #777;
    text-decoration:none;
}

.ButtonSmall
{
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    width: 190px;
    height: 45px;
    line-height: 42px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin:auto;
}

.ButtonSmall:hover
{
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border: solid 1px #777;
}

.ButtonExtraSmall
{
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    width: 110px;
    height: 27px;
    line-height: 28px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin:auto;
    font-weight: bold;
}

.ButtonExtraSmall:hover
{
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border: solid 1px #777;
}

.ButtonMedium
{
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    width: 130px;
    height: 37px;
    line-height: 28px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    margin:auto;
    font-weight: bold;
}

.ButtonMedium:hover
{
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border: solid 1px #777;
}


.GreenButton
{
    background: linear-gradient(#74b04a, #58953c);
    background: -webkit-gradient(linear, left top, left bottom, from(#74b04a), to(#58953c));
    background: -moz-linear-gradient(top, #74b04a, #58953c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#74b04a, endColorstr=#58953c);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#74b04a, endColorstr=#58953c)";
    line-height: 20px;
    border: solid 1px #63a03d;
       
}

.RedButton
{
    background: linear-gradient(#d8403e, #ca2f2d);
    background: -webkit-gradient(linear, left top, left bottom, from(#d8403e), to(#ca2f2d));
    background: -moz-linear-gradient(top, #d8403e, #ca2f2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8403e, endColorstr=#ca2f2d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8403e, endColorstr=#ca2f2d)";
    border: solid 1px #c43b39;
}

.YellowButton
{
    background: -webkit-gradient(linear, left top, left bottom, from(#fed500), to(#feac02));
    background: -moz-linear-gradient(top, #fed500, #feac02);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fed500, endColorstr=#feac02);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fed500, endColorstr=#feac02)";
    border: solid 1px #edbc21;
}

.DownloadTrialButton div
{
    margin-top: 5px;
    background: url('../images/download_button_icon.png') no-repeat 2px 7px;
    margin-left:8px;
}

.BuyNowButton div
{
    background: url('../images/Buy_Now_Button_Icon.png') no-repeat 12px 10px;
}
#NewSideMenue
{
    width: 220px;
    background: none;
    color: #4790c3;
}
.Newrightmenu ul
{
    list-style: none;
    font-size: 14px;
}

.Newrightmenu ul li a
{
    display: block;
    padding: 5px 0;
    color: #4790c3;
    border-bottom: none;
    text-decoration: none;
    width: 188px;
}
.Newrightmenu ul li a:hover
{
    display: block;
    padding: 5px 0;
    color: #4790c3;
    border-bottom: none;
    text-decoration: underline;
}
.Newrightmenusel
{
    font-weight: bold;
    color: #4790c3;
    text-decoration: underline;
}
.Newrightmenu ul
{
    padding: 0px 0px 0px 12px;
}
#Newrightmenu_part2
{
    font-size: 13px;
    line-height: 12px;
}

.BusinessPageBox
{
	width 100%;
	height:175px;
	padding-left:50px;
	border: solid 1px #dedede;
	position:relative;
}

.BusinessPageBox .FloatingTitle
{
	margin-top:13px;
	width:250px;
	text-align:left;
	font-size:22px;
}

.BusinessPageBox div
{
	margin-top:10px;
	width:660px;
}

.BusinessPageBox div h2
{
	 font-size:17px;
}

.BusinessPageBox div h1
{
	 font-size:26px;
}

.BusinessPageBox div a
{
	  font-size:17px;
	  padding-left:2px;
	  padding-right:2px;
}

.BusinessPageBox div a:hover
{
	 text-decoration:underline;
}

.BusinessPageBox .FloatingBox
{
	background-color:#08b250;
	width:35px;
	height:65px;
	position:absolute;
	top:7px;
	left:0px;
}

/* RED Home */
.LandingCloud{	background: url(../images/Cloud_Business_Image.png) no-repeat 765px 4px;}
.LandingCloudHome{	background: url(../images/Cloud_Home_Image.png) no-repeat 765px 4px;}
.LandingCloud .FloatingTitle,.LandingCloudHome .FloatingTitle{	color:#e33d55;}
.LandingCloud .FloatingBox,.LandingCloudHome .FloatingBox{	background-color:#e33d55;}
/* RED Home */


/* GREEN Home */
.LandingGreenHome{	background: url(../images/Timeline_Home_Image.png) no-repeat 765px 4px;}
.LandingGreenHome .FloatingTitle{	color:#08b250;}
.LandingGreenHome .FloatingBox{	background-color:#08b250;}
/* GREEN Home */

/* BLUE Home */
.LandingBlueHome{	background: url(../images/GBM_Home_Image.png) no-repeat 765px 4px;	border-top: solid 1px white;}
.LandingBlueHome .FloatingTitle{	color:#33b5e5;	width:260px;}
.LandingBlueHome .FloatingBox{	background-color:#33b5e5;}
/* BLUE Home */

/* GREEN */
.LandingGreen{	background: url(../images/Timeline_Pro_Business_Image.png) no-repeat 765px 4px;}
.LandingGreen .FloatingTitle{	color:#08b250;}
.LandingGreen .FloatingBox{	background-color:#08b250;}
/* GREEN */

/* BLUE */
.LandingBlue{	background: url(../images/GBM_Pro_Business_Image.png) no-repeat 765px 4px;	border-top: solid 1px white;}
.LandingBlue .FloatingTitle{	color:#33b5e5;	width:260px;}
.LandingBlue .FloatingBox{	background-color:#33b5e5;}
/* BLUE */

/* YELLOW */
.LandingGray{	background: url(../images/GBM_Server_Business_Image.png) no-repeat 765px 4px;	border-top: solid 1px white;}
.LandingGray .FloatingTitle{	color:#707070;	width:300px;}
.LandingGray .FloatingBox{	background-color:#707070;}
/* YELLOW */

/* PURPLE */
.LandingPurple{	background: url(../images/Timeline_Server_Business_Image.png) no-repeat 765px 4px;}
.LandingPurple .FloatingTitle{	color:#aa66cc;	width:310px;}
.LandingPurple .FloatingBox{	background-color:#aa66cc;}
/* PURPLE */

/* Royal Blue */
.LandingRoyalBlue{	background: url(../images/GBM_Server_Full_Business_Image.png) no-repeat 765px 4px;}
.LandingRoyalBlue .FloatingTitle{	color:#0360a9;	width:300px;}
.LandingRoyalBlue .FloatingBox{	background-color:#0360a9;}
/* Royal Blue */

.BusinessDiv img
{
    float: left;
    padding-right: 7px;
}
.BusinessDiv ul li
{
    padding-bottom:5px;
}

.clsoeIcon
{
    position:absolute;
    cursor: pointer;
    height: 15px;
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    text-align:center;
    font-size:17px;
    z-index:1000;
}

.clsoeIcon:hover
{
	font-weight:bold;
}

.TableGrayTR
{
	height: 30px;
    background-color: #efefef;
     text-align:center;
}
.TableGrayTR TD 
{
    padding-left: 5px;
}

.TableWhiteTR
{
    height: 30px;
    background-color: #f5f5f5;
    text-align:center;
}
.TableWhiteTR TD 
{
    padding-left: 5px;
}

.FreeCompTable a:hover 
	{
	    text-decoration: underline;
}

.errorMsgStyle
{
    position: relative;
    opacity: 0;
    filter:alpha(opacity=0);
    width: 300px;
    padding: 5px;
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    font-size: 12px;
    text-align: center;
    color: #333;
    font-family: arial;
    font-weight: 500;
}

.errorMsgStylePosition {
    top: 344px;
    left: 22px;
    margin-left: 100px;
}
.waterMarkColor
{
    color:#888;
}

.redText
{
    color:#e23e3e;
}

.bluebox
{
    background-color: #f7f9fa; 
    border: 1px solid #d2dce1;
     padding: 10px;
}

.greenbox
{
    background-color: #edffdb; 
    border: 1px solid #a7e06b;
     padding: 10px;
}

.redbox
{
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    padding: 10px;
}

.yellowbox
{
    background-color: #feefc6;
    border: 1px solid #fabb1c;
    padding: 10px;
}

.graybox
{
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 10px;
}

.grayframe 
{
    border: 1px solid #e5e5e5;
    padding: 10px;
}

.win8-stamp {
	background-image: url('/images/win8_stamp.png');
	width:49px;
	height: 62px;
	position: absolute;
left: 80px;
top: 91px;
}

.win10-stamp {
	background-image: url('/images/win10_stamp.png');
	width:49px;
	height: 62px;
	position: absolute;
left: 80px;
top: 91px;
}

textarea:focus, input:focus{
    outline: none;
}

.watermarkOn {
	color:#ccc;
	position: absolute;
    top: 0px;
    font-size: 16px;
    cursor: text;
}

#reseller_link_store {
	font-size:14px;position: relative;
}
#reseller_link_buy {
	font-size:14px;position: relative;top: 150px;
}
#zoolzfancy {
	width:626px;
	height:350px;
    position:relative;
	background-color: #fff;
	
}
#zoolzfancy-content {
	color:#4b4b4b;
	position: absolute;
	top:50px;
	left:60px;
}
#zoolzfancy-left-strip {
	position:absolute ;
	width:33px;
	height: 136px;
	background-image: url(/images/Left_Yellow_Strip.png);
	top:50px;
	left:0px;
}
#zoolzfancy-bottom-strip {
	position:absolute ;
	width:626px;
	height: 19px;
	background-image: url(/images/Left_Yellow_Strip.png);
	bottom  :0px;
	left:0px;
}

.green
{
    border: 1px solid #01a364;
    background: #01ba72;
    color: white;
    font-weight: bold;
    text-shadow: 0 1px 1px #335413;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01ba72), to(#01a364));
    background-image: -webkit-linear-gradient(#01ba72, #01a364);
    background-image: -moz-linear-gradient(#01ba72, #01a364);
    background-image: -ms-linear-gradient(#01ba72, #01a364);
    background-image: -o-linear-gradient(#01ba72, #01a364);
    background-image: linear-gradient(#01ba72, #01a364);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}