@import url("/kb/client/skin/fira.css");

/* COMMON */
body, html { padding: 0px; margin: 0px; height: 100%; }

body, TD, DIV {
/* 	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;  */
	font-family : "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
/*  font-family : "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif;*/
/* 	font-size : 75%; */
	font-size : 90%;
}

body       { color: #3F3F3F; background-color: #858585; }
TD, DIV    { font-size : 1.0em;  }
.textBlock { line-height : 150%; }



.topBox {
	text-align: right;
	padding: 0px 10px 7px 0px;
	color: #e1e1e1;
	font-size: 11px;
}

.mainBox {
	margin-top: 20px;
	width: 980px;
	min-width: 640px;
	text-align: left;
}

.contenBox {
	padding: 15px 15px 30px 30px;
	background-color: #ffffff;
}

.bottomBox {
    margin-top: 1px;
	padding: 15px 30px;
	background-color: #E9E9E9;
	color: #191919;
	font-size: 11px;
}

.bottomBox a {
    color: #325c99;
}

.bottomMenuTitle {
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}

.bottomMenuItem {
    padding: 2px 0px 2px 3px;
}

.radiusTop {
    border-radius: 8px 8px  0 0;
    -moz-border-radius: 8px 8px 0 0;
}

.radiusBottom {
    border-radius: 0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
}

.descriptionScreenshot {
    float: left;
    margin-right: 30px;
    border-right: 1px solid #DCDCDC;
}


/*
img {display: block;}
*/

h1.title  {
    padding-top: 0px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: normal;
    font-size : 1.5em;
    line-height : 130%;
    color: #7F7F7F;
}

h2.title, h2.titleLine  {
    padding-top: 0px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 14px;
    font-weight: normal;
    font-size : 1.5em;
}


h2.titleLine  {
    border-bottom: 1px solid #e2e2e2;
}


h2.title2 {
/*     font-family : "Lucida Grande", Geneva, Helvetica, Arial, sans-serif; */
    font-weight: normal;
    font-size: 1.5em;
}


h3.title3 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 5px;

    font-weight: normal;
    font-size: 1.3em;
}


hr.divide {
    border: 0;
    height: 1px;
    margin: 40px 0px 30px 0px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


a.leftMenu    {
	color:#348298;
	font-size: 12px;
}

a.leftMenuSelected    {
	color:#348298;
	font-size: 12px;
	font-weight: bold;
}

div.leftMenu {
	padding: 3px;
}

a.topNav, a.bottomNav {
	color: #e1e1e1;
}


A.topMenuItem  {
	color: #F2F6FF;
/*  font-weight: normal;*/
	font-size: 1.1em;
	text-decoration: none;
	padding: 3px 7px;
    line-height: normal;
}

A.topMenuItem:hover  {
	background-color: #6699cc;
}

A.topMenuItemSelected  {
	color: #ffffff;
/*  font-weight: normal;*/
	font-size: 1.1em;
	text-decoration: none;
	padding: 3px 7px;
	background-color: #6699cc;
    line-height: normal;
}


/* tables */
.tdBorder{ background-color : #D3DDEB; }
.tdBorder{ background-color : #D3DDEB;  border : 1px solid #B9B9B9;  }
.tdTitle { background-color : #7898C2; color : #FFFFFF;  padding : 6px 5px;  }
.tdTitle { background-color : #7898C2; color : #FFFFFF;  padding : 6px 5px;  font-size : 10px;  font-weight : bold;    }
.tdSubTitle { background-color : #A8BCD7;  }

.trLighter { background-color: #f3f3f3; }
.trDarker { background-color: #eaeaea; }
.textNewsDate { color: #999471; }

/*  for forms  */
.trForm { background-color : #F8F8F8; }
.tdBorderForm  { background-color : #f4f4f4;  border : 1px solid #DEDEDE;  }
.tdFormCaption { background-color : #e2e2e2;  /*text-align : right; */ width : 150px;  white-space : nowrap; }

form { padding: 0px; margin: 0px; }
input, textarea {  font-size : 11px; }
select {  font-size : 11px;  margin : 0px;  padding: 0px; }
textarea { font-family : Verdana, Arial, Helvetica, sans-serif; }
input.text { width : 110px; }
select.shortText, input.shortText   { width : 80px; }
select.middleText, input.middleText { width : 180px; }
select.longText, input.longText     { width : 250px; }

.button { width : 130px; }
.buttonLong { width : 200px; }
.colorInput{ background-color : #F5F4ED; }
.requiredSign { color : #C40000; font-weight : bold; }
.nowrap { white-space : nowrap; }
a.nolink { text-decoration : none; }
.help { cursor : help; }

.buttonDisabled {
	width : 130px;
	color: #a2a2a2;
}


/* INFO BOX */
.infoBoxTitle { color: #FFFFFF; background-color : #8592A2; border : 1px solid #8592A2; padding: 3px 7px; }
.infoBoxBody  { color: #000000; background-color : #FFFFE1; border : 1px solid #8592A2; padding: 7px; }


/* COLOR BOXES */
.empty {
	padding: 2px 10px;
}


.rightBoxTitle, .rightBoxTitle2, .rightBoxTitle3 {
	padding: 3px 10px;
	background-color: #3d6b9e;
	text-align: left;
	border-left: thin solid #3d6b9e;
	border-right: thin solid #3d6b9e;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
}

.rightBox, .rightBox2, .rightBox3 {
	background-color: #f5f5f5;
	padding: 5px 10px;
	text-align: left;
	border-left: thin solid #d8d8d8;
	border-right: thin solid #d8d8d8;
	border-bottom: thin solid #d8d8d8;
	font-size: 11px;
	color: #000000;
	width: 150px;
}

.rightBoxTitle2 {
	background-color: #ff9933;
	border-left: thin solid #ff9933;
	border-right: thin solid #ff9933;
}

.rightBox2 {
	background-color: #FFFFDB;
}

.rightBoxTitle3 {
	background-color: #339900;
	border-left: thin solid #339900;
	border-right: thin solid #339900;
}

.rightBox3 {
	background-color: #E8FFEE;
}

#newsBlock p {
    margin: 0px;
}



/* BUTTON NEW */

.buttonGo {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	border:1px solid #6F6F6F;
	display:inline-block;
	color:#006699;
	font-size:11px;
	font-weight:bold;
	padding:4px 12px;
	text-decoration: none;
	text-align: center;
    line-height: normal;
/*  text-shadow:1px 1px 0px #ffffff;*/
}

.buttonBuy {
    font-weight: bold;
}


/*http://cssgradientbutton.com/#*/

.buttonGo2{
     border:1px solid #34740e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
     font-size:16px;
    /* font-family: arial, helvetica, sans-serif; */
     padding:12px 12px;
     text-decoration:none;
     display:inline-block;
     text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
     font-weight:bold;
     color: #FFFFFF;
     text-align: center;
     width: 250px;
     background-color: #4ba614;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
     background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
     background-image: -moz-linear-gradient(top, #4ba614, #008c00);
     background-image: -ms-linear-gradient(top, #4ba614, #008c00);
     background-image: -o-linear-gradient(top, #4ba614, #008c00);
     background-image: linear-gradient(to bottom, #4ba614, #008c00);
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}


.buttonGo2Green{
 border:1px solid #34740e;
 color: #FFFFFF;
 background-color: #4ba614;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}


.buttonGo2Red{
 border:1px solid #72021c;
 color: #FFFFFF;
 background-color: #a90329;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019));
 background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
 background-image: -moz-linear-gradient(top, #a90329, #6d0019);
 background-image: -ms-linear-gradient(top, #a90329, #6d0019);
 background-image: -o-linear-gradient(top, #a90329, #6d0019);
 background-image: linear-gradient(to bottom, #a90329, #6d0019);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a90329, endColorstr=#6d0019);
}

.buttonGo2Brick{
 border:1px solid #cb9b14;
  color: #FFFFFF;
 background-color: #eab92d;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eab92d), to(#c79810));
 background-image: -webkit-linear-gradient(top, #eab92d, #c79810);
 background-image: -moz-linear-gradient(top, #eab92d, #c79810);
 background-image: -ms-linear-gradient(top, #eab92d, #c79810);
 background-image: -o-linear-gradient(top, #eab92d, #c79810);
 background-image: linear-gradient(to bottom, #eab92d, #c79810);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eab92d, endColorstr=#c79810);
}

.buttonGo2Blue{
 border:1px solid #7eb9d0;
 color: #FFFFFF;
 background-color: #a7cfdf;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

.buttonGo2Grey{
 border: 1px solid #888888;
 color: #3F3F3F;
 background-color: #efefef;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#bbbbbb));
 background-image: -webkit-linear-gradient(top, #efefef, #bbbbbb);
 background-image: -moz-linear-gradient(top, #efefef, #bbbbbb);
 background-image: -ms-linear-gradient(top, #efefef, #bbbbbb);
 background-image: -o-linear-gradient(top, #efefef, #bbbbbb);
 background-image: linear-gradient(to bottom, #efefef, #bbbbbb);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
 text-shadow: none;
 cursor: pointer;
 padding: 5px;
 font-size: 14px;
 width: 150px;
}


/* indexText */

.indexText {
	font-size: 11px;
	color: #ffffff;
}


/* FEATURE */

.featureImg {
	padding: 0px 0px 0px 0px;
}

.featureText {
	padding: 3px 7px;
}


/* OTHER */

.clearAll {
	clear:both;
}


/* PRICE */
.priceHeader { background: #CCC; font-weight: bold; }
.priceRow { background: #ededed; }
.priceTitle { background: #dbdbdb; }
.priceLeftTitle { background: #CCC; padding-left: 7px; }
.priceSelected { background: #E8FFEE; }
.pricePrice { font-weight: bold; }


/* HOSTED */
#demand_form input {
    height: 30px;
    width: 100%;
    font-size: 1.1em;
    border: 1px solid #cccccc;
    padding: 1px 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 #cccccc;
    background: #f7f7f7;
}

#demand_form textarea {
    width: 100%;
    font-size: 1.1em;
    border: 1px solid #cccccc;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 #cccccc;
    background: #f7f7f7;
/*    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

#demand_spinner {
    display: none;
    text-align: center;
}

.cloudPlan {
    float: left;
    width: 190px;
    border-radius:  0px 0px 7px 7px;
    background: #EDEDED;
    text-align: center;
    margin: 0 10px;
}


.cloudPlanTitle {
    border-bottom: 1px solid white;
    background: #7F7F7F;
    color: #FFF;
    font-weight: normal;
    font-size: 1.3em;
    padding: 10px 0;
    border-radius: 7px 7px 0 0;
}

.cloudPlanDesc {
    margin-top: 10px;
    padding: 10px;
    min-height: 225px;
    text-align: left;
}

.cloudPlanPrice {
    padding: 8px;
    background: #D8D8D8;
}

.cloudPlanBottom {
    border-top: 1px solid white;
    padding: 10px;
}

.cloudPlanActive {
    border: 2px solid #7F7F7F;
    border-radius: 10px;
}


/* plan options */

.plan_option {
    margin-bottom: 2px;
}


.plan_option_text {
	font-size: 0.9em;
    margin-left: 5px;
}