p, div, span, form, ul, ol, 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
body {
	color:#000;
	font-size: 15px;
	line-height:1;
	min-width: 250px; 
}


h1.h1 {
    font-size: 40px;
    line-height:1;
    margin:10px 0 30px 0;
    font-weight:normal;
}
h2 {
	font-size:24px;
	font-weight:normal;
	line-height:1;
	margin:20px 0;
}
h3 {
    font-size: 20px;
	font-weight:normal;
	margin: 20px 0 10px;
}
.span4 h3 {
	margin:0;
}

p, li {
	font-size: 15px;
    line-height: 20px;
}
p {
	margin:10px 0 5px;
}
ul {
	margin:15px 0 15px 20px;
	list-style-position:inside;
}
ol {
	margin:15px 0 20px 20px;
	list-style-position:inside;
	list-style-type:decimal;
}
ol ul {
	list-style-type:circle;
}
select, textarea, input {
	font-size:15px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"] {
	height:30px;
	width:100%;
	font-size:15px;
}
.dropdown-menu input[type="text"], 
.dropdown-menu input[type="password"] {
	height:20px;
}
.btn-primary {
	font-size:15px;
}
.warn {
	color:red;
	margin:0;
}
#err_msg {
	left: 90px;
    padding: 13px 0 0;
    position: absolute;
}
#err_msg_frm {
    left: 160px;
    padding: 18px 0 0;
    position: absolute;
}
.thankyou {
	color:green;
}
hr {
	border-style: solid none none;
	border-color:#ccc;
	margin:0 0 35px 0;
}
/*Main page*/
.dropdown-menu {
	padding:5px 30px 15px 20px;
	left:auto;
	right:-22px;
}
.navbar .dropdown-menu:after {
	left:auto;
	right:29px;
}
.navbar .btn.dropdown-toggle {
	padding:6px 10px 9px;
}
.navbar .btn-group .btn-primary {
	margin-top:10px;
}
.navbar .brand {
	padding:12px 20px;
}
.navbar .btn-primary {
	margin-left:0;
}
.navbar .dropdown-menu:before {
	display:none;
}
.follow {
	display:inline-block;
	margin:10px 5px 0 5px;
	min-height: 28px;
    vertical-align: bottom;
}
.connect_button_container {
	margin-top:4px;
}
.row.first {
	margin-top:20px;
}
#login{
float:right;
margin-right: -10px;
}

#login-window{
   /* display: none;*/
    position:fixed;
    top: 30%;
    left:37%;
    background-color: #FFFFFF;
    /*padding: 30px;*/
    border: 1px solid #ACACAC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    z-index: 5000000;
}

.login-label{
    font-weight: bold;
    margin-left: 15px;
}

.login-input{
    margin-right: 15px;
}

.auth-overlay{
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 4000000;
    position:fixed;
    display:block;
    background-color: #FFFFFF;
    opacity:0.6;

}


#download, #download_latest {
    color:#000000;
    background-image: -moz-linear-gradient(top , #fdfdfd, #ddd);
	background-image: -webkit-linear-gradient(top , #fdfdfd, #ddd);
	background-image: -o-linear-gradient(top , #fdfdfd, #ddd);
    background-color: #dddddd;
    border-color: #adadad;
}

.small {
    padding:20px;
    border-radius: 0px;
}

.menu_nav {
    display: block;
    text-decoration: none;
    text-align: center;
    vertical-align:middle;
    margin:0 auto;
}

.menu_nav .nav {
    display:inline-block;
}

/*.navbar-inner .container {
    background-color: #2c2c2c;
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}*/



.hero-unit {
    padding-top: 50px;
    padding-bottom: 40px;

}

.hero-unit p{
    line-height: 30px;
}


.dnl {
    text-align:center;
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
}

.other_functions{
    text-align:center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
}

.see_also {
    margin: 20px 0 0 0;
/*    line-height: 10px;*/
    font-size: 13px;

}


.screenshot a img
{
    border: #EEEEEE 1px solid;
}

.screenshot a:hover
img
{
    border: grey 1px solid;
}


.dnl div {
    margin-bottom: 40px;
}


.demo-title {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
    margin: 50px 0 20px 0;
}


.hero-unit p.wlcm {
    text-align:center;
    font-size: 20px;
    max-width:1170px;
    margin:auto;
}

.ghub {
    text-align: center;
    margin: 20px 0 0 0;
   /* height: 40px;*/
}
p.ghub a {
	margin:10px 10px 0  10px;
}

.bs-icon{
    float: left;
    margin: -5px 10px 0 0;
    opacity: 0.8;
}

.row p {
    margin:13px 0 20px 9px;

}

.screenshot .span4 {
    width:205px;
    margin-bottom: 30px;
    /*margin-top:15px;*/
}

.twitter-follow-button {
    margin:0 20px;
}
 /*Buy License page*/
.norm {
    text-align: left;
}

.rg_process {
    background-color: #EEEEEE;
    width:270px;
    height:180px;
    float:left;
    margin:0 22px 50px 0;
    position:relative;
}

.rg_process .last {
    margin-right: 0;
}

.arrow {
    float:right;
    margin:10px -20px 0 0;
}

.step_num {
    font-size: 30pt;
    color: grey;
    margin: 5px 0 0 30px;
    width:20px;
    position: absolute;
    top:0;
    left:0;
}

.rg_step_text{
    font-size: 15px;
    line-height: 20px;
    margin: 5px 45px 10px 55px;
    float:left;
    position:relative;
    left:15px;
    top:35px;
}

.norm {
    line-height:2;
}

.span4 p {
    font-size: 15px;
    line-height: 20px;
}

.menu_nav {
    font-size: 15px !important;
}


/*Contact Us page*/
.feedback{
    background-color: #EEEEEE;
    padding: 20px 50px 20px 50px;
    position:relative;
    overflow: hidden;
}

.feedback span { color: red; }

.field-name {
    font-size: 15px;
}

.contact-input {
    clear: both;
}

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

.input-label {
    display: block;
    font-size: 15px;
}


#name {
    width: 94%;
    height: 30px;
}
#email {
   /* margin-left: 30px;
   width: 94%; */
   width: 47%;
   height: 30px;
}

#email-label{
    /* margin-left: 30px; */
}

#url {
    width: 47%;
    height: 30px;
}
#subject {
    width: 80%;
    height: 30px;
}
#message {
    width: 100%;
    height: 150px;
	resize:none;
}
.feedback .warn
{
	dispaly: block;
	margin: 8px 0 0 0;

}
#recaptcha_widget_div input {
	width:auto;
	height:auto;
}
/* About page */
.about-header{
    font-size: 40px;
    line-height:20px;
    margin: 20px 0 30px 0;
}
.about-text {
    font-size:15px;
    line-height: 30px;
}
/* Login page */
.user_form {
	background-color: #EEEEEE;
    padding: 20px 50px;
	max-width:300px;
	position:relative;
}
.user_form .btn-primary {
	margin-top: 20px; 
	min-width: 80px;
}
/* User pages */
.wlcm_user label {
	display:inline;
}
.dotted {
	 border-bottom:1px dotted gray; 
}
.dotted:hover {
	text-decoration:none;
}
.remark {
	color:#666;
	font-size:13px;
	position:relative;
	top:-3px;
	display:block;
}
/* Footer */
#footer {
	margin-top:40px;
	padding:20px 0;
	border-top:1px solid #ccc;
	position:relative;
}
.f1 {text-align:left}
.f2{text-align:center}
.f3 {text-align:right}

/* ----------------------------- Responsive --------------------------------- */

.screenshot .row { text-align: center; }
.screenshot .row .span4 { float: none; display: inline-block; }

@media (max-width: 979px) {
	
    .nav-collapse .caret { display: none; }
	
}

@media (max-width: 767px) {
	
	.hero-unit {padding-top:60px;}
	.hero-unit h1 {font-size: 46px; line-height: 1.6;}
	h1.h1 { font-size:30px; margin-bottom:20px;}
	.container h2 {font-size: 20px;}
	.hero-unit p.wlcm {font-size:18px}
	.twtr-doc .twtr-hd { font-size:24px}
	.twtr-hd #spn{top: 1px;}
	.step_num {font-size: 30px;}
	.rg_step_text {margin: 5px 35px 10px 45px;}
	.rg_process {height: 140px}
	.screenshot .row .span4  { width: auto; text-align: center; }
	#footer span {text-align:center;}

}

@media (max-width: 664px) {
	
    .ghub .follow { display: block; }
	.hero-unit h1 {font-size: 36px;line-height: 1.6;}
}

@media (max-width: 580px) {

    .hero-unit { padding:30px; margin-bottom:10px}
	
	.twtr-doc .twtr-hd { font-size: 18px; } 
	.twtr-hd #spn { top:2px;}
    #spn img { height: 24px; }
    #recaptcha_table { zoom: 0.6; }    
    #footer span i { display: block; height: 0; }
    #recaptcha_table { zoom: 0.75; -moz-transform: scale(0.75); -webkit-transform: scale(0.75);-o-transform: scale(0.75);-ms-transform: scale(0.75);position: relative; left: -40px;}
    /* -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6); */
    
}

@media (max-width: 480px) {
	p, li, .span4 p, .container .twtr-doc {font-size:14px; line-height:1.2}
    .hero-unit h1 {font-size: 26px; line-height: 1.6;}
	h1.h1 {font-size: 18px; }
    .container h2 {font-size: 16px; }
    .hero-unit { padding:30px 10px;}
	.hero-unit p.wlcm {font-size:16px}
    .twtr-doc .twtr-hd {font-size: 16px;}
	.twtr-hd #spn {top: 7px;}
    .see_also {line-height: 1.5;}
    .demo-title {font-size: 24px;}
}

/* ----------------------------- /Responsive --------------------------------- */


.nav-pills li { float: none; display: inline-block; }

/* latest software block ---------------------------------------------------- */
.latest-software {
    text-align:center;
}
.latest-software h3 {

    color: #333333;
    font-size: 36px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.latest-software .ls-term {
    background: none repeat scroll 0 0 #0088CC;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin-right: 10px;
    padding: 10px 20px;
}
.latest-software ul {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    display: block;
    font-size: 15px;
    line-height: 20px;
    list-style: none outside none;
    overflow: hidden;
    padding: 10px 20px;
}
.latest-software ul li {
    display: inline-block;
    margin-right: 20px;
}
.latest-software ul li img {
    margin-right: 10px;
}

.release_date
{
    line-height: 16px;
    background: #0088cc;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    margin-left:5px;
}

/* latest software block NEW! ---------------------------------------------------- */

.latest-software .header {
    background:#0088cc;
    height:40px;
    border-radius: 10px 10px 0px 0px;
}
.latest-software .header a {
    color:#fff;
    line-height:40px;
    font-size:18px;
    padding: 0 	20px;

}
.latest-software .row {
    text-align:left;
}
.latest-software .row .link-block {
    background:#f5f5f5;
    padding: 20px 10px 10px 20px;
    margin-bottom:20px;
    border-radius: 0 0 10px 10px;
    position:relative;

}
.latest-software .row .link-block img {
    margin-right:10px;
    position:absolute;
    margin-top:-7px;
    margin-left:-42px;
}

.latest-software .row .link-block a {
    padding:10px;
    display:block;
    line-height:18px;
    height:24px;
    padding-left:42px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* our users ---------------------------------------------------- */
.domains h3 {
    border-bottom: 6px solid #CED2B9;
    font-size: 22px;
    padding-bottom: 10px;
}

.domains ul li {
    display: block;
    float: left;
    width: 204px;
    margin-right:  30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}
.domains ul {
    overflow: hidden;
    width: inherit;
    margin: 15px 0 8px;
}
.domains ul li:before {
    content: "›"; color: #aaa;
    margin-right: 4px;
    float: left;
    text-decoration: none;
}
.domains ul li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.domains span {
    display: block;
    float: right;
    padding-left: 70px;
    background: url(http://cutephp.com/cutenews/images/powered.png) 0 0 no-repeat;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
}
.domains span a {
    color: #999;
    text-decoration: underline;
}


/* Our prominent users */
.wrapper-screenshots{
    overflow: hidden;
    margin-left: 0;
}

.demo-scr{
    margin-left: 80px !important;
    max-width: 740px;
}

.demo-scr h2, .user-pro-block h2{
    text-align: left;
    font-size: 24px;
}

.screenshot{overflow: hidden;}

.user-pro-block{
    margin-left: 0 !important;
    max-width: 240px;
}

.wr-bl{
    min-height: 202px;
    position: relative;
    margin-top: 0;
    margin-left: 0;
}

.wr-bl ul, .wr-bl .block-link{margin-top: 0;}

.block-link {
    margin-left: 0;
    margin-top: 0;
}

.block-link li{
    margin-left: 0;
    text-align: left;
    list-style-image: url('../images/arrow_.png');
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*.block-link li a{*/
    /*display: block;*/
    /*height: 20px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
/*}*/

.bottom-link{
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #777
}

.bottom-link a{
    color: #000;
    text-decoration: none;
}

.screenshot .span4:first-child {margin-left:0;}

.tech_tab {
    position: relative;
    overflow: hidden;
    /*padding-top: 15px;*/
    height: 202px;
}

@media (max-width: 1199px) {
    .demo-scr {
        margin-left: 0 !important;
    }

    /*screenshot .span4{width: 230px;}*/
    .span3.user-pro-block {
        width: 240px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .span9.demo-scr {
        width: 724px;
        margin-left: 20px;
    }

    .screenshot .span4 {
        margin-bottom: 0;
        margin-left: 30px;
    }

    .user-pro-block {
        margin-left: 20px !important;
    }
}
/*@media (max-width: 767px) {*/
    /*.demo-scr {*/
        /*width: auto;*/
    /*}*/

    /*.screenshot .span4 {*/
        /*float: left;*/
    /*}*/
/*}*/

@media (max-width: 767px) {
    .demo-scr h2, .user-pro-block h2{
        text-align:center;
    }

    .screenshot .span4 {
        margin: 0 auto 30px auto;
        width: 240px;
    }
    .screenshot .span4:first-child{
        margin: 0 auto 30px auto;
        width: 240px;
    }
    .screenshot .span4:last-child {
        margin-bottom: 0;
    }

    .user-pro-block {
        margin: 0 auto !important;
    }
}