@charset "utf-8";
/*
Website: www.Yoledo.com
Design & CSS/HTML by: Ilina Simeonova
Designer URI: http://www.isimdesigns.com
Date Completed: September 28, 2009
*/


/*--------------------------------------------------
 GENERAL
-------------------------------------------------- */
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(img/bg_scene.png) repeat-x #333;
	margin: 0px;
	padding: 0px;
	color:#888;
	line-height:14px;}
html, body {height: 100%;}
a, a:link, a:visited, a:active {text-decoration: none; color: #0084C4; outline:none;}
a:hover {text-decoration: underline;}

ul, li, h1,h2, h3, h4, h5, h6, p {padding:0; margin:0; list-style:none;}

h1{font-size:12px;  color:#333; }
h2{font-size:14px; color:#7dbf10;}
h4{ padding:9px 0 0; color:#000; }

.clear{clear:both;}

.content_wrapper{position:relative; background: #f7f7f7;}
.content{ position:relative; width:870px; margin:0 auto;}
.column1{ width:578px; background:url(img/bg_white.gif) repeat-y; padding-bottom:20px; }
.column2{ padding: 20px 10px 0; float:right;}

.footer{background:#333; height:50px;}
.footer_links{ width:870px; margin:0 auto; background: url(img/bg_footer1.png) no-repeat; padding: 8px 0 11px; text-indent:45px; color:#777; font-size:11px;}
.footer_links.small, .content.small {width:578px !important;}
.footer_links a:link, .footer_links a:visited{ color:#aaa; padding:0 2px;}

textarea {background: #fff; border: 1px solid #e2ebba; padding:1px ; margin:3px 0 0 5px; color:#360; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

input, select{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }


/*--------------------------------------------------
 HEADER
-------------------------------------------------- */
.header{width: 870px; margin:0 auto; height:293px;  }

.logo{ float:left; padding:13px 0 0 3px;}
.logo img{border:0;}
.top{ position:absolute;width: 870px; background: url(img/bg_scene.png) repeat-x ; }
ul.topmenu{float:right; margin:0; font-size:11px;}
ul.topmenu li{float:left; list-style-type:none; font-weight:bold; margin-right:1px; }
ul.topmenu li .item:link,
ul.topmenu li .item:visited { display:block; padding:9px 13px 7px; text-decoration:none;  color:#fff; background: url(img/bg_menu2.jpg) no-repeat 0 -100px;}
ul.topmenu li .item:hover {background-position: center top;}

ul.topmenu .sel{ color:#fff; padding:9px 13px 7px; background:#333;  }

.signup:link, .signup:visited{color:#f46533!important;}
.signup:hover{ background-position: center bottom!important;color:#fff!important; padding:4px 9px 5px!important; margin:3px!important; border:1px solid #f79471;}


/*--------------------------------------------------
 HIDDEN
-------------------------------------------------- */
#status{ position:relative; top:3px; height:23px; padding:0 9px 0; margin-left:3px; color:#fff; border:1px solid #222; border-right-color:#444; border-bottom-color:#444; color:#aaa; font-size:11px; background-color: #282828;}
#status p{padding:4px 0 0; margin:0;}
#status a:link, 
#status a:visited{ padding:0 3px; color:#44afde;}


/*--------------------------------------------------
 WELCOME AREA
-------------------------------------------------- */
.scene{position:absolute; top:58px; width:870px; height:235px; background: url(img/scene-full.jpg) no-repeat;}

.buttons { position: absolute; top:222px; left:27px;}
.btn_signup:link,
.btn_signup:visited { float:left; background: url(img/btns.png) no-repeat 0 0; height:61px; width: 157px;}
.btn_signup:hover {background-position: 0 -61px;}
.btn_demo:link,
.btn_demo:visited { float:left; background: url(img/btns.png) no-repeat -157px 0; height:61px; width: 189px;}
.btn_demo:hover {background-position: -157px -61px;}


/*--------------------------------------------------
 LOGIN
-------------------------------------------------- */
.loginbox{width:266px; background: url(img/login-topbtm.png) no-repeat 0 -5px #fff;}
.loginbox_btm{width:266px; height:5px; background: url(img/login-topbtm.png) no-repeat;}
.loginbox h2{ padding: 12px 0 17px 50px; margin:0;}
.loginbox_content{ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; text-align:center; font-size:11px; font-weight:bold; color:#999; padding-top:5px;}
.loginbox_content p{clear:both; padding:0 0 9px; margin:0; }
.loginlabel {float:left; width:60px; padding: 4px 8px 4px 26px; text-align:left;}
.logininfo { float:left; width:146px; height:27px; background:url(img/bg_input.png) no-repeat;}
.logininfo input{border:0; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  color:#336600; background-color:transparent; width:134px; padding-top:4px; }
.checkbox {margin:15px 2px 0; position:relative; top:2px; }

.loginerror{background:#fff9b7; color:#F00; padding:4px 6px; border:2px solid #f6f0ae; margin: 0 10px;}

.btn_small:link,
.btn_small:visited{ display:block; float:right; width: 76px ; background: url(img/btn_grey1.jpg) no-repeat 0 -28px; color:#fff; margin:8px 23px 0 10px; padding: 6px 0 8px;}
.btn_small:hover{background-position:0 0; color:#000; text-decoration:none; }

.btn_large:link,
.btn_large:visited{ display:block; float:right; width: 133px ; background: url(img/btn_grey1.jpg) no-repeat -76px -28px; color:#fff; margin:8px 0 0; padding: 6px 0 8px;}
.btn_large:hover{background-position:-76px  0; color:#000; text-decoration:none; }

.forgotlink{float:left; padding:20px 0 0 15px; font-weight:normal;}

.send_password{padding:10px 12px; border:1px solid #e5e5e5; background:url(img/bg_forgot_password.gif) repeat-x #f2f2f2;}
.send_password input {font-size:11px; color:#666;}


/*--------------------------------------------------
 OVERVIEW
-------------------------------------------------- */
ul.benefits{ position:relative; margin:0; padding:0; overflow:auto; line-height:16px;}
ul.benefits li{ position:relative; float:left; width:240px; padding:15px 0 0 35px; list-style-type:none;}
ul.benefits h1{ padding:10px 0 6px 35px; }

ul.content_box{ margin:20px 20px 0; padding:0; color:#7e8964;}
ul.content_box li{ margin:10px 0 0; padding:10px 15px; background:#f9fce7; color:#85867b; list-style-type:none; border:3px solid #f5fadb; }
ul.content_box h1{ padding:0; color:#5b5b56; }
ul.content_box p{margin:0; padding:5px 0 0;}

ul.homefeatures{ float:left; width:550px; position:relative; left:23px; margin-top:26px; }
ul.homefeatures li{  float:left; width:170px; }
ul.homefeatures li img{ padding-left:10px;}
ul.homefeatures li p{padding-right:20px; line-height:18px; }

ul.homefeatures h5{ 
padding: 0 0 0 22px; 
margin:0 0 0 13px; 
font-size:12px; 
text-transform:uppercase; 
font-weight:bold; 
line-height:26px; 
background-image: url(img/icons.png); 
background-repeat: no-repeat; 
color:#000;
overflow:auto;}
.icon_lp{ background-position:0 6px;}
.icon_tm{ background-position:0 -59px;}
.icon_c{ background-position:0 -124px;}
ul.homefeatures li ul {margin:9px 0 0 12px!important; position:relative; top:-7px;}
ul.homefeatures li ul li{ background:url(img/bullet1.gif) no-repeat 1px 5px; margin:0 0 0 1px; padding:2px 0 3px 12px; }

.lbt{background:url(img/home_titles.png) no-repeat; padding-top:33px;}
.gtdc{background:url(img/home_titles.png) no-repeat -279px 0; padding-top:33px;}

.ysections{ width:190px!important; background:url(img/homefeature.gif) no-repeat; min-height:319px; padding-top:15px;}


/*--------------------------------------------------
 DEMO
-------------------------------------------------- */
.demo_popin_wrap{ width:418px; position:absolute; top:25%; left:25%;  background: url(img/bg_demoaccount.gif) repeat-x #fff; border:5px solid #e6f3f6; color:#545c5e; z-index:9999; }
.demo_popin{padding:76px 0 13px; background:url(img/demoaccount.png) no-repeat; text-align:center; font-size:12px; }
.demo_popin .btn_large{float:none; font-size:11px; font-weight:bold; margin: 25px auto 15px;}

.small_page{width:578px; margin:0 auto; background:url(img/header_sm.jpg) no-repeat 0 13px; height:293px;}
.small_logo:link,
.small_logo:visited{ float:left; margin-left:200px; height:67px; width:180px;}

.appinfo{ position:relative; top: 20px; left:30px; float:left; width:240px; padding: 0 10px; height:90px; font-size:11px; }


/*--------------------------------------------------
 SIGN UP PAGE
-------------------------------------------------- */
.signup_form{ padding:25px 17px 0;}

.signup_form ul{ width:544px; margin:0 0 25px; padding:0; background:url(img/signup_bg.gif) repeat-y; font-size:11px; color:#32332f;  }
.signup_form ul li, 
.signup_form ul p{ margin:0 10px 5px 20px; padding:0; list-style-type: none; clear:both;  font-weight:bold;  }
.signup_form ul .sftop { height:70px; background:url(img/signup_steps.png) no-repeat; }
.signup_form .sftop.b01{ background-position: 0 0;}
.signup_form .sftop.b02{ background-position: 0 -70px;}
.signup_form .sftop.b03{ background-position: 0 -140px;}

.signup_form ul .sfbottom { height:5px; background:url(img/signup_steps.png) no-repeat 0 bottom;}
.signup_form ul .clear{padding-bottom:7px;}
.signup_form h2{  color:#669900; margin-top:0; padding:5px 0 0 60px;}

.input_label {float:left; width:97px; padding-top:9px; }
.input { float:left; background:url(img/bg_input_2.png) no-repeat; padding-left:5px; min-width: 165px;}
.input input{ background: transparent!important; }
.select { float:left;  padding-left:5px; min-width: 165px;}
.signup_form ul li input{ background: transparent; border: 0; padding:7px 6px; color:#360; width: 145px;}
.signup_form ul li select{ background: #fff; border: 1px solid #e2ebba; padding:1px ; margin:3px 3px 3px 0; color:#360;}

.column3{ left:580px; position:absolute; padding:20px 20px 10px 15px; color:#777;}
.column3 p{margin-top:3px;}

.offer{border-top: 1px solid #eff2e0; background: url(img/sq_w.gif) repeat-x; margin:20px 10px 10px; padding:10px 10px 0; font-weight:bold;  }
.explanation{margin:0 0 0 100px; font-size:11px; font-weight:normal; clear:both;}

.notification {float:left; padding: 9px 0 0 3px;}
.notification.good{ color:#090;}
.notification.bad{ color:#F00;}


/*--------------------------------------------------
 LOGIN PAGE
-------------------------------------------------- */
.loginpage {background: url(img/bg_login.gif) repeat-x  #333; }
.loginpage .loginbox{ margin: 0 auto;}
.loginpage .column1 {padding:40px 0;}
.loginpage .small_page{ background:url(img/login_top.png) no-repeat 0 13px; height:67px;}

.loginpage .footer_links{background-image: url(img/bg_footer_1.png) }  

h3.loading{ background:url(img/ajax-loader-blk.gif) no-repeat 0 5px; width:88px; padding:5px 0; margin:0 auto; color:#000; text-align:right;}


/*--------------------------------------------------
 FEATURES
-------------------------------------------------- */
.scene-empty{position:absolute; top:58px; width:870px; height:235px; background: url(img/scene-empty.png) no-repeat;}
.scene-signup{position:absolute; top:58px; width:870px; height:235px; background: url(img/scene-signup.jpg) no-repeat;}

.features_tabs{margin:0; padding:0; position:relative; left:-37px;}
.features_tabs li{ list-style-type:none; font-size:14px; font-weight:bold;}

.features_tabs li a:link,
.features_tabs li a:visited{ width:250px; height:62px; display:block; background:url(img/features_tabs.png) no-repeat 0 -124px;	color:#7ac2e5;	}
.features_tabs li a:hover{	background-position:0 -62px; text-decoration:none;	}
.features_tabs p{padding: 25px 0 0 30px; margin:0;}
.ft_sel{ width:250px; height:62px; background:url(img/features_tabs.png) no-repeat;	}