/*
    font:
            
    *  Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t
    * Baskerville, 'Times New Roman', Times, serif - p
    * Baskerville, Times, 'Times New Roman', serif - t
    * Cambria, Georgia, Times, 'Times New Roman', serif - p, t
    * 'Century Gothic', 'Apple Gothic', sans-serif - p, t
    * Consolas, 'Lucida Console', Monaco, monospace - p, t
    * 'Copperplate Light', 'Copperplate Gothic Light', serif - p, t
    * 'Courier New', Courier, monospace - p, t 
    * 'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t
    * Futura, 'Century Gothic', AppleGothic, sans-serif - p, t
    * Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
      Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t
    * Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
      Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t
    * Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
      Georgia, Times, 'Times New Roman', serif - t
    * GillSans, Calibri, Trebuchet, sans-serif - p
      GillSans, Trebuchet, Calibri, sans-serif - t
    * 'Helvetica Neue', Arial, Helvetica, sans-serif - p
      Helvetica, 'Helvetica Neue', Arial, sans-serif - t
    * Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t
    * 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t
    * Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
      Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t
    * Tahoma, Geneva, Verdana - p
      Tahoma, Verdana, Geneva - t
    * Times, 'Times New Roman', Georgia, serif - p, t
    * Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
      Trebuchet, Tahoma, Arial, sans-serif - t
    * Verdana, Geneva, Tahoma, sans-serif - p
      Verdana, Tahoma, Geneva, sans-serif - t 
*/

/* RESET
----------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 100%;
	background: transparent; }

*:focus { outline: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
address 		{ font-style: normal; }

/* BASE
----------------------------------------------------------------------------- */
html {
	height: 100%;
	margin-bottom: 1px; }

body {
	font-size: 62.5%;
	line-height: 62.5%;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #2b2b2b;
	background-color: #fff; }


/* LIST 
----------------------------------------------------------------------------- */
ol, ul {
	list-style: none;
	position: relative;
	display: block;
	clear: both; }

/* TEXT 
----------------------------------------------------------------------------- */
strong 		{ font-weight: bold; }
em 			{ font-style: italic; }

p{margin:0 0 1em 0; line-height:1.3em;}

/* FORM
------------------------------------------------------------------------------ */
input, textarea, select {
	border: 1px solid #8DD0D9;
	color: #555;
	font: normal 1em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background-color: #fff;
	margin-bottom: 5px; }

input.i-button, input.i-submit { cursor: pointer; }

input.i-radio, input.checkbox {
	border: 0;
	padding: 0;
	background: transparent; }

textarea, input.i-text, input.i-password { padding: 0.13em 0.5em; }

option { padding: 0 0.4em; }

/* H1, H2, H3, H4, H5, H7
------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
	padding: 0.5em 0;	
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}

h1 { font-size: 2.2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

/* LINKS
------------------------------------------------------------------------------ */
a:link, 
a:visited, a:focus, a:hover, a:active {
	color: #32578A;	
	text-decoration: underline;
	cursor: pointer; }
 
a:hover	 { text-decoration: none; }
a:visited { color: #32578A; }

/* HR
------------------------------------------------------------------------------ */
hr, .hr {display: block; clear: both; background: #ccc; color: #ccc; width: 100%; height: 1px; border: none; }

.a-left{text-align:left;}
.a-right{text-align:right;}
.a-center{text-align:center;}

/* HELPERS
------------------------------------------------------------------------------ */
.clear, 
.clear-left, 
.clear-right {clear: both; display: block; width: 100%; height: 0; overflow: hidden; line-height: 0; font-size: 0; }

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }

.debug {color: #c30000; padding: 10px 20px; border: 2px solid red; }

.b1r 		    { border: 1px solid red; }
.float-right 	{ float: right; }
.float-left 	{ float: left; }
.no-border 		{ border: 0 none!important; }
.no-margin 		{ margin: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-background  { background: transparent none; }
.hidden 		{ visibility:hidden; display: none; }


/* ANTI Clickjacking Attacks
------------------------------------------------------------------------------ */
iframe { filter: alpha(opacity=100) !important; /* for IE */
    	 opacity: 1 !important; /* for conforming browsers */ }



body{background:transparent url('../img/bg.gif') repeat 0 0;}

#home-page #wrapper_bg{
    margin:0 auto;
    position:relative;
    min-width:1000px;
    background:transparent url('../img/home_bg.jpg') no-repeat 50% 0;
    }  
    
#wrapper_bg{
    margin:0 auto;
    position:relative;
    min-width:1000px;
    background:transparent url('../img/bg.jpg') no-repeat 50% 0;
    }  

#wrapper{
    margin:0 auto;
    position:relative;
    min-width:1000px;
    background:transparent url('../img/footer-grass.png') repeat-x 0 100%;
    
    }  


/* Header
-----------------------------------------------------------------------------*/  
#header{
  position:relative;
  height:234px; 
  overflow:hidden;
  clear:both;
  width:1000px;
  margin:0 auto;}

#phrase{
    height:15px;
    font-size:1px;
    text-indent:-9999px;
    position:absolute;
    top:17px;
    left:0px;
    width:1000px;
    background:transparent url('../img/phrase.png') no-repeat 0 0;}

#logo{
    position:absolute;
    width:821px;
    height:98px;
    top:54px;
    left:97px;
    background:transparent url('../img/logo.png') no-repeat 0 0;
    text-indent:-9999px}
    
/* Top Menu
-----------------------------------------------------------------------------*/      
    
#top-menu{
    position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
    text-align:center;   
    margin-top:180px; }

#top-menu li{
	display:inline-block;
    text-align:center;
    list-style: none;
    padding-right:6px;}
    
    
#top-menu li.last{padding-right:0px;}
    
    #top-menu li a{
    	display:block;
        width:137px;
        background:transparent url('../img/top-menu.png') no-repeat 0 0;
        text-indent:-9999px;
        height:52px;}
    
    #top-menu li a.faq{ background-position:-143px 0px;}
    #top-menu li a.blog{ background-position:-286px 0px;}
    #top-menu li a.facebook{ background-position:-570px 0px; width:308px}
    #top-menu li a.logout{ background-position:-883px 0px; width:156px}
    #top-menu li a.login{ background-position:-428px 0px;}
    
    
    #top-menu li.active a.home, #top-menu li a.home:hover{ background-position:0px -62px;}
    #top-menu li.active a.faq, #top-menu li a.faq:hover{ background-position:-143px -62px;}
    #top-menu li.active a.blog, #top-menu li a.blog:hover{ background-position:-286px -62px;}
    #top-menu li.active a.facebook, #top-menu li a.facebook:hover{ background-position:-570px -62px; }
    #top-menu li.active a.logout, #top-menu li a.logout:hover{ background-position:-883px -62px;}
    #top-menu li.active a.login, #top-menu li a.login:hover{ background-position:-428px -62px;}
  
/* Content
-----------------------------------------------------------------------------*/   

#home-page #content{
    width:979px;
    margin:0 auto;
    min-height:800px;
    height:auto !important;
    height:800px;
}

#content{
    width:979px;
    margin:0 auto;
    min-height:450px;
    height:auto !important;
    height:450px;
    
}

/* Main
-----------------------------------------------------------------------------*/   
#main{
        overflow:hidden;
        clear:both;
        background:transparent url('../img/content_bg.jpg') repeat 0 0;
        width:959px;
        margin:23px 0 0 9px;
        box-shadow: 0px 1px 1px #5d8350;
        -moz-box-shadow: 0px 1px 1px #5d8350;
        -webkit-box-shadow: 0px 1px 1px #5d8350;
        min-height:400px;
        height:auto !important;
        height:400px;
        padding-bottom:30px;
}

#main h5{
    border-bottom:1px solid #6AB1D7;
    height:76px;
    padding:0;
    text-indent:-9999px;
}

#main h5.customize{
    background:url("../img/text.png") no-repeat scroll 135px -480px transparent;
}

	h5.contact-us{
    background:url("../img/contact-us.png") no-repeat scroll 50% 21px transparent;
}

	h5.my-account{
    background:url("../img/my-account.png") no-repeat scroll 50% 21px transparent;
}


/* Info cost
-----------------------------------------------------------------------------*/  

#info-cost{
    width:965px;
    height:436px;
    margin:5px auto 67px auto;
    overflow:hidden;
    clear:both;
    background:url("../img/clouds.png") no-repeat scroll 0 0 transparent;
    position:relative;
}

#info-cost a.red{
    color:#EB4433;
    font:bold 3em Arial,'Helvetica Neue',Helvetica,sans-serif;
    height:90px;
    left:31px;
    position:absolute;
    text-align:center;
    top:50px;
    width:250px;
}

#info-cost .monthly-membership, 
#info-cost .yearly-membership, 
#info-cost .lifetime-membership{
    left:46px;
    position:absolute;
    top:268px;
    width:265px;
    font:normal 1.2em Futura, 'Century Gothic', AppleGothic, sans-serif;
    color:#433c36;
}

#info-cost .monthly-cost, 
#info-cost .yearly-cost, 
#info-cost .lifetime-cost{
    color:#2C5A8A;
    font:bold 3em Arial,'Helvetica Neue',Helvetica,sans-serif;
    left:125px;
    position:absolute;
    text-shadow:0 1px #F1F5FF;
    top:338px;
    width:80px;
    text-align:center;
    margin:0;
}

#info-cost .yearly-membership{
    left:353px;
}
#info-cost .yearly-cost{left:438px;}

#info-cost .lifetime-membership{left:660px;}
#info-cost .lifetime-cost{left:748px;}

#info-cost .list-service{
    left:360px;
    position:absolute;
    top:36px;
    width:552px;
    font:normal 1.2em Futura, 'Century Gothic', AppleGothic, sans-serif;
    color:#433c36;
}

#info-cost .list-service li{
    background:url("../img/point.png") no-repeat scroll 0 3px transparent;
    padding:2px 0px 6px 20px;
    display:block;
}


/* Video Minutes
-----------------------------------------------------------------------------*/ 

#video-minutes{
    float:left;
    width:394px;
    margin-left:35px;
    margin-top:30px;
}

#video-minutes p{
    margin-bottom:20px;
    background:transparent url('../img/text.png') no-repeat 0 -598px; 
    height:43px; 
    display:block; 
    overflow:hidden;}

#video-minutes p #amount{ 
    background:transparent none; 
    border:0 none; 
    margin-top:3px; 
    color:#298dc8; 
    text-shadow:0px 1px #fff; 
    display:block; 
    font:bold 3em Arial, 'Helvetica Neue', Helvetica, sans-serif; 
    width:40px; 
    text-align:center; 
    margin-left:187px;}  

#video-minutes .ui-widget-content {
    margin-left:30px;
}

#main .video-block{
    float:right;
    box-shadow: 0px 1px 1px #9C9B9A;
    -moz-box-shadow: 0px 1px 1px #9C9B9A;
    -webkit-box-shadow: 0px 1px 1px #9C9B9A;
    width:400px;
    height:330px;
    padding:25px 27px;
    background:#fff none;
    margin-right:33px;
    margin-top:35px;    
}

#home-ask{height:574px;}

#what-is-yogatailor{
    background:transparent url('../img/text.png') no-repeat 0 0;
    text-indent:-9999px;
    height:125px;
    overflow:hidden;
    margin-left:8px;
    margin-top:120px;
    width:375px;
    float:left;
}

/* Minutes
-----------------------------------------------------------------------------*/ 

#minutes{float:right; width:386px; margin-top:82px;}

#minutes p{
    margin-left:16px; 
    margin-bottom:10px;
    background:transparent url('../img/text.png') no-repeat 0 -173px; 
    height:43px; 
    display:block; 
    overflow:hidden;}

#minutes p #amount{ 
    background:transparent none; 
    border:0 none; 
    margin-top:3px; 
    color:#298dc8; 
    text-shadow:0px 1px #fff; 
    display:block; 
    font:bold 3em Arial, 'Helvetica Neue', Helvetica, sans-serif; 
    width:40px; 
    text-align:center; 
    margin-left:120px;}  

#minutes  .try-free, 
#minutes  .customize-button{
    background:transparent url('../img/try-for-free.png') no-repeat 0 0;
    width:325px;
    margin:0px auto 0px auto;
    height:59px;
    display:block;
    text-indent:-9999px;
	border:0px none;
	cursor:pointer;
}

#minutes  .try-free:hover, 
#minutes  .customize-button:hover{background:transparent url('../img/try-for-free.png') no-repeat 0 -62px;}


#minutes  .customize-button{ background:transparent url('../img/customize.png') no-repeat 0 0; width:281px; }

#minutes  .customize-button:hover{background:transparent url('../img/customize.png') no-repeat 0 -62px;}


.change-workout{
    background:transparent url('../img/change-workout.png') no-repeat 0 0;
    width:294px;
    margin:0px auto 0px auto;
    height:54px;
    display:block;
    text-indent:-9999px;
	border:0 none;
}
.change-workout:hover{background:transparent url('../img/change-workout.png') no-repeat 0 -54px;}
#minutes #radio-buttons, 
#minutes #radio-buttons ul,
#video-minutes #radio-buttons, 
#video-minutes #radio-buttons ul{overflow:hidden; clear:both;}

#minutes #radio-buttons ul, 
#video-minutes #radio-buttons ul{ width:162px; margin:20px 0 0 0;  clear:none; float:left;}

#minutes #radio-buttons ul.radio-but, 
#video-minutes #radio-buttons ul.radio-but{width:210px; margin:20px 0px 10px;}

#minutes #radio-buttons ul li, 
#video-minutes #radio-buttons ul li{float:left; width:210px;}

#minutes #radio-buttons ul li.last, 
#video-minutes #radio-buttons ul li.last{float:left; width:162px;}
    
#minutes #radio-buttons ul li.last label, 
#video-minutes #radio-buttons ul li.last label{width:162px;}    
    
#video-minutes #radio-buttons ul {margin:20px 0 25px 15px;}    
#video-minutes #radio-buttons ul li{padding-bottom:5px;}    

    label.list {
        clear:left;
        float:left;
        margin:0 0 3px;
        height:34px;
        background:transparent url('../img/icons.png') no-repeat 0 0;
        text-indent:-9999px;
        width:190px;
        cursor:pointer;
    }

label.fb-post   {background:transparent url('../img/fb-sprite.png') no-repeat 0 0;}

.post-fb label.checked{background:transparent url('../img/fb-sprite.png') no-repeat 0 -36px;}
    
    input.hiddenCheckbox {
        left:-10000px;
        position:absolute;
    }

.beginner label.list{background-position:0 0px;}
.have-pain label.list{background-position:0 -114px;}
.intermediate label.list{background-position:0 -38px;}
.pregnant label.list{background-position:0 -152px;}
.expert label.list{background-position:0 -76px;}

.beginner label.checked{background-position:0 -190px !important;}
.have-pain label.checked{background-position:0 -304px;}
.intermediate label.checked{background-position:0 -228px;}
.pregnant label.checked{background-position:0 -342px;}
.expert label.checked{background-position:0 -266px;}

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top:0px; margin-left: -7px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-widget-content {
    background:transparent url("../img/minutes-p.png") no-repeat scroll 0px 7px;
    width:351px;
    height:23px;
    border:0 none;
    color:#333333;
}

.ui-widget {
    font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size:1.1em;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    color:#1C94C4;
    font-weight:bold;
    outline:medium none;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    background:transparent url("../img/slider-move.png") no-repeat scroll 0 0;
    font-weight:normal;
    font-size:1px;
    width:19px;
    height:15px;
    display:block;
    cursor:pointer;
}

#yoga-roll, 
#yoga-reviews{
    background:transparent url('../img/content_bg.jpg') repeat 0 0;
    height:674px;
    width:468px;
    overflow:hidden;
    box-shadow: 0px 1px 1px #5d8350;
    -moz-box-shadow: 0px 1px 1px #5d8350;
    -webkit-box-shadow: 0px 1px 1px #5d8350;
    margin-left:10px;
    float:left;
    padding-bottom:16px;
}

#yoga-reviews{ margin-left:23px;}


#timeline{margin:13px 0 0 18px;}

#timeline li.status{padding-bottom:6px; list-style:none; clear:both; overflow:hidden;}

#timeline .thumb{float:left; margin-right:3px;}
#timeline .thumb img{height:48px; width:48px;}

#timeline .tweet-commet{
    float:left;
    clear:none;
    width:385px;
    margin-top:1px;
}

#timeline .tweet-commet li{
    clear:both; overflow:hidden;
}

.tweet-t{
    background:transparent url('../img/twitter-t.png') no-repeat 0 0;
    height:20px;
    margin:0px;
    padding:0 16px;  
}

    .tweet-t strong{
       font: bold 1.2em Arial, 'Helvetica Neue', Helvetica, sans-serif; 
       color:#010101;
       text-shadow:0px 1px #fff;
       float:left;
       padding:4px 0px;
    }

    .tweet-t strong a{color:#010101; text-shadow:0px 1px #fff; text-decoration:none;}
    .tweet-t em{
        color:#999999;
        font: normal 1.1em Arial, 'Helvetica Neue', Helvetica, sans-serif;
        float:right;
        padding:4px 0px;
        overflow:hidden;
    }
    
.tweet-c{
    background:transparent url('../img/twitter-c.png') repeat-y 0 0;
    margin:0px;
    padding:0 16px;
}

.tweet-c p{
    color:#010101;
    font: normal 1.2em/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom:3px;
}    

.tweet-c p a{
    color:#5489d7;
} 

.tweet-b{
    background:transparent url('../img/twitter-b.png') no-repeat 0 0;
    height:6px;
    margin:0px;
    padding:0px;
    font-size:1px;  
}

#yoga-roll h5.yoga-roll, 
#yoga-reviews h5.yoga-reviews, 
#photo-gallery h5{
    height:56px;
    padding:0;
    text-indent:-9999px;
    background:transparent url('../img/text.png') no-repeat 132px -311px;
    border-bottom:1px solid #6ab1d7;
}

    #yoga-reviews h5.yoga-reviews{
        background:transparent url('../img/text.png') no-repeat 67px -226px;
    }


#yoga-roll .show-more{
    background:transparent url('../img/show-more.png') no-repeat 0 0;
    width:147px;
    margin:9px auto 0 auto;
    height:34px;
    display:block;
    text-indent:-9999px;
}

#yoga-roll .show-more:hover{background:transparent url('../img/show-more.png') no-repeat 0 -34px;}

#yoga-reviews{text-align:center;}

#yoga-reviews ol{width:437px; overflow:hidden; clear:both; margin-left:14px;}
#yoga-reviews ol li{text-align:center; }
#yoga-reviews .review-text{overflow:hidden; clear:both;}
#yoga-reviews .review-t{background:transparent url('../img/quoteboxes-t.png') no-repeat 0 0; height:34px; font-size:1px;}
#yoga-reviews .review-c{background:transparent url('../img/quoteboxes-c.png') repeat-y 0 0; padding:0px 40px 5px 40px; color:#595959; text-align:left; font:normal 1.6em Futura, 'Century Gothic', AppleGothic, sans-serif; }
#yoga-reviews .review-b{background:transparent url('../img/quoteboxes-b.png') no-repeat 0 0; height:46px; font-size:1px;}


#photo-gallery h5.photo-gallery{
    background:transparent url('../img/text.png') no-repeat 336px -400px;
    height:46px;
    }
    
    #photo-gallery{
        overflow:hidden;
        clear:both;
        background:transparent url('../img/content_bg.jpg') repeat 0 0;
        width:959px;
        margin:23px 0 0 9px;
        box-shadow: 0px 1px 1px #5d8350;
        -moz-box-shadow: 0px 1px 1px #5d8350;
        -webkit-box-shadow: 0px 1px 1px #5d8350;
    }
    
.jcarousel-container {
    overflow:hidden;
    clear:both;
}   
 
    
.jcarousel-container-horizontal {
    padding:17px 83px;
    width:793px;
}

.jcarousel-item-horizontal {
    margin-right:14px;
}

.jcarousel-item {
    height:48px;
    width:48px;
    box-shadow: 0px 1px 1px #9C9B9A;
    -moz-box-shadow: 0px 1px 1px #9C9B9A;
    -webkit-box-shadow: 0px 1px 1px #9C9B9A;
}

#gallery{padding-bottom:2px!important;}

.jcarousel-prev-horizontal {
    background:url('../img/next-prev.png') no-repeat scroll 0 0 transparent;
    cursor:pointer;
    height:50px;
    left:19px;
    position:absolute;
    top:17px;
    width:50px;
}

.jcarousel-prev-horizontal:hover{background-position:-60px 0px;}

.jcarousel-next-horizontal {
    background:url('../img/next-prev.png') no-repeat scroll 0px -59px transparent;
    cursor:pointer;
    height:50px;
    position:absolute;
    right:19px;
    top:17px;
    width:50px;
}

.jcarousel-next-horizontal:hover{ background-position:-60px -59px;}

.highslide-credits{display:none !important;}

/* About-us

-----------------------------------------------------------------------------*/ 


#about-us-page .container{
	background:url('../img/content_bg.jpg') repeat scroll 0 0 transparent;
	width:959px;
	margin:0 auto;
	box-shadow: 0px 1px 1px #5d8350;
    -moz-box-shadow: 0px 1px 1px #5d8350;
    -webkit-box-shadow: 0px 1px 1px #5d8350;
	margin-top:10px;
	padding:23px 0 0 0;
}

#about-us-page .container h4{
	text-indent:-9999px;
	background:url('../img/about-us.png') no-repeat 0 0 transparent;
	height:39px;
	display:block;
	margin:0 auto !important;
	width:267px;
}

#about-us-page .container hr{
	background-color:#6AB1D7;
}

.content-about-us{
	color:#32578a;
	font-size:1.2em;
	padding:40px 0px 150px 0px;
	line-height:1.5em;
}  

.content-about-us p{margin:0 0 2em 0;} 

.content-about-us .biography li{
	float:left;
	font-size:1.7em;
	font-weight:bold;
	width:219px;
	text-align:center;
	margin-bottom:40px;
	padding:0 10px 0 10px;
}

.content-about-us .biography li a{color:#2372ae;}

.cloud-biography{
	background:url('../img/cloud-bg.png') no-repeat -6px top transparent;
	overflow:hidden;
	width:814px;
	height:168px;
	margin-top:10px;
	padding:60px 90px 70px 90px;
	color:#32578A;
	font-size:1.2em;
	
}

#about-us-main{line-height:1.5em;}

.about-personal{line-height:1.5em;display:none;}

.about-personal img{
	background:url('../img/img-bg.png') no-repeat center top transparent;
	width:191px;
	height:144px;
	padding:13px 12px 12px 11px;
	float:left;
	margin-right:20px;
}



#faq-page .container{
	background:url('../img/content_bg.jpg') repeat scroll 0 0 transparent;
	width:959px;
	margin:0 auto;
	box-shadow: 0px 1px 1px #5d8350;
    -moz-box-shadow: 0px 1px 1px #5d8350;
    -webkit-box-shadow: 0px 1px 1px #5d8350;
	margin-top:30px;
	padding:23px 0 0 0;
}

#faq-page .container h4{
	text-indent:-9999px;
	background:url('../img/faq-bg.png') no-repeat 0 0 transparent;
	height:39px;
	display:block;
	margin:0 auto !important;
	width:842px;
}

#faq-page .container hr{
	background-color:#6AB1D7;
}

#faq-page .content-about-us{
	padding:25px 40px 100px 40px !important;

}  

/* Authorisation

-----------------------------------------------------------------------------*/ 

#authorisation-page .container{
	background:url('../img/content_bg.jpg') repeat scroll 0 0 transparent;
	width:959px;
	margin:0 auto;
	box-shadow: 0px 1px 1px #5d8350;
    -moz-box-shadow: 0px 1px 1px #5d8350;
    -webkit-box-shadow: 0px 1px 1px #5d8350;
	margin-top:30px;
	padding:23px 0 50px 0;
}

#authorisation-page .container h4{
	text-indent:-9999px;
	background:url('../img/login-header.png') no-repeat 0 0 transparent;
	height:39px;
	display:block;
	margin:0 auto !important;
	width:156px;
}

#authorisation-page .container hr {
	background-color:#6AB1D7;
}

.login-box li h3{
	font-size:2.4em;
	color:#433c36;
	margin-left:85px;
}

.login-box li p{
	color:#257bb7;
	font-size:1.6em;
}

.login-box li p input{
	background:url('../img/login-input-bg.png') no-repeat 0 0 transparent;
	border:0;
	width:256px;
	min-height:45px;
	padding:0px 15px 0px 10px;
	
}

.login-box{
	margin-left:35px;
	width:420px;
	display:inline-block;
	float:left;
}

.login-box li p span{
	width:85px;
	display:inline-block;
}

.login-box li a{
	color:#257bb7;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0 85px;
}

.auth-login{
	background:url('../img/login-bg.png') no-repeat 0 0 transparent;
	width:94px;
	height:34px;
	margin-left:85px;
	cursor:pointer;
	border:0;
	margin-bottom:25px;
}

/*KVK was: .auth-login:hover{background:url('../img/login-bg.png') no-repeat 0 -34px transparent;} 
  Fix August7:
*/
.auth-login:hover{background:url('../img/login-bg-hover.png') no-repeat 0 0 transparent;}

.auth-login-face{
	background:url('../img/login-with-fb.png') no-repeat 0 0 transparent;
	width:180px;
	height:34px;
	cursor:pointer;
	border:0;
	margin-left:7px;
}

.auth-login-face:hover{background:url('../img/login-with-fb.png') no-repeat 0 -34px transparent;}

.sign-up-box{
	width:470px;
	float:left;
	padding-right:30px;
}
.sign-up-box h3{
	color:#433C36;
	font-size:2.4em;
}
 
 .sign-up-box p{
	color:#3d3d3d;
	font-size:1.4em;
 }
 
.auth-sign-up{
	background:url('../img/sign-up-bg.png') no-repeat 0 0 transparent;
	width:104px;
	height:34px;
	margin:10px 0 20px 0px;
	cursor:pointer;
	border:0;
	text-indent:-9999px;
	float:left;
 }
 
.auth-sign-up:hover{background:url('../img/sign-up-bg.png') no-repeat 0 -34px transparent;}
 
 .auth-sign-up-fb{
	background:url('../img/sign-up-with-fb.png') no-repeat 0 0 transparent;
	width:234px;
	height:34px;
	margin:10px 0 20px 15px;
	cursor:pointer;
	border:0;
	text-indent:-9999px;
	float:left;
 }
 
/* KVK was:  .auth-sign-up-fb:hover{background:url('../img/sign-up-with-fb.png') no-repeat 0 -34px transparent;}

   fix August7:
*/
  .auth-sign-up-fb:hover{background:url('../img/sign-up-with-fb-hover.png') no-repeat 0 0 transparent;}
 
 /* Sign-up
-----------------------------------------------------------------------------*/

#sign-up-page .container{
	background:url('../img/content_bg.jpg') repeat scroll 0 0 transparent;
	width:959px;
	margin:0 auto;
	box-shadow: 0px 1px 1px #5d8350;
    -moz-box-shadow: 0px 1px 1px #5d8350;
    -webkit-box-shadow: 0px 1px 1px #5d8350;
	margin-top:30px;
	padding:23px 0 50px 0;
}

#sign-up-page .container h4{
	text-indent:-9999px;
	background:url('../img/sign-up.png') no-repeat 0 0 transparent;
	height:39px;
	display:block;
	margin:0 auto !important;
	width:208px;
}

#sign-up-page .container hr {
	background-color:#6AB1D7;
}

.checkbox-descr input{border:0;}

.login-box li span.checkbox-descr{
	color:#433c36;
	font-size:1.1em;
	font-weight:bold;
	margin-left:90px;
	width:270px;
	display:block;
	line-height:1.5em;
	text-align:justify;
}

.login-box li span.checkbox-descr a{
	font-size:1.0em;
	margin-left:0;
}

.membership{margin-bottom:40px;}

.membership p{
	font-weight:bold;
	font-size:1.2em;
	line-height:1.5em;
}

.subscribe-button{
	background:url('../img/subscribe-bg.png') no-repeat 0 0 transparent;
	width:139px;
	height:40px;
	margin:5px 0 0 0px;
	cursor:pointer;
	border:0;
}

.subscribe-button:hover{background:url('../img/subscribe-bg.png') no-repeat 0 -42px transparent;}

.membership p span{color:#dc4226;}

.membership li img{margin:0 0 15px 20px; vertical-align:bottom;}

.membership .list-service li{
	background:url("../img/point.png") no-repeat scroll 0 3px transparent;
	display:block;
	padding:0px 0 6px 20px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
}

.membership .list-service{
	margin-bottom:5px;
}

.login-box .sign-up-thru{
	background:url('../img/sign-up-thru.png') no-repeat 0 0 transparent;
	width:276px;
	height:34px;
	margin:3px 0 15px 88px;
	cursor:pointer;
	border:0;
	display:block;
	text-indent:-9999px;
}
 
 .sign-up-thru:hover{background:url('../img/sign-up-thru.png') no-repeat 0 0 transparent;}


/* Contact-us
-----------------------------------------------------------------------------*/

.contact-form{
	overflow:hidden;
	
}

.contact-form li{
	overflow:hidden;
	float:left;
	padding-bottom:20px;
}

.contact-form li h3{padding-top:40px; color:#433c36; }

.contact-form li.w-434{
	width:434px;
}


.contact-form li.w-434 .i-text{
	background:url('../img/input-305.png') no-repeat 0 0 transparent;
	padding:10px;
	font:1.6em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width:285px;
	border:0 none;
}

.w-829{clear:both; width:829px; padding-left:130px; }


.contact-form label{
	float:left;
	color:#257bb7;
	font-size:1.6em;
	width:91px;
	padding-left:38px;
	margin-top:11px;
}

.contact-form .i-text{
	float:left;
	width:100px;
}

.contact-form .i-textarea{
	background:url('../img/area-739-112.png') no-repeat 0 0 transparent;
	border:0 none;
	width:725px;
	height:92px;
	padding:10px 4px 10px 10px;
	font:1.6em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	resize:none;
	
}


.send-feed-button{
	background:url('../img/send-feedback.png') no-repeat 0 0 transparent;
	width:165px;
	height:34px;
	margin:3px 0 15px 0px;
	cursor:pointer;
	border:0;
	display:block;
	text-indent:-9999px;
}

.send-feed-button:hover{
	background:url('../img/send-feedback.png') no-repeat 0 -39px transparent;
}


/* My account
-----------------------------------------------------------------------------*/
.spent-time, .member-status {
	overflow:hidden;
	clear:both;
	margin:0 auto;
	width:840px;
}

.spent-time li{
	background:url("../img/point.png") no-repeat scroll 0 7px transparent;
	display:block;
	padding:2px 0 6px 20px;
	color:#433c36;
	font-size:1.8em;
	float:left;
	width:400px;
}

.red{
	color:#dd3a29;
}

.blue{
	color:#3082b9;
}

.member-status{
	margin-top:20px;
	margin-bottom:20px;
}


.member-status li{
	font-size:1.4em;
	color:#433c36;
	padding-bottom:20px;
	padding-top:20px;
}



.subscribe-b{
	background:url('../img/subscribe.png') no-repeat 0 0 transparent;
	width:125px;
	height:33px;
	margin:0px;
	cursor:pointer;
	border:0;
	display:block;
	text-indent:-9999px;
	float:right;
	margin-top:-10px;
	margin-right:22px;
}

.subscribe-b:hover{background:url('../img/subscribe.png') no-repeat 0 -40px transparent;}


.unsubscribe-b{
	background:url('../img/unsubscribe.png') no-repeat 0 0 transparent;
	width:147px;
	height:33px;
	margin:0px;
	cursor:pointer;
	border:0;
	display:block;
	text-indent:-9999px;
	float:right;
	margin-top:-10px;
}

.unsubscribe-b:hover{background:url('../img/unsubscribe.png') no-repeat 0 -40px transparent;}

.profile-block{float:left; overflow:hidden; width:365px; margin-left:55px;}
.photo-block{float:left; overflow:hidden; margin-left:50px; width:415px;}

.profile-block li{overflow:hidden; clear:both; padding-bottom:20px;}
.photo-block li{overflow:hidden; clear:both; padding-bottom:20px;}

.profile-block h3, .photo-block h3{padding-top:40px;}

.profile-block h3{padding-left:93px;}

.profile-block label{
	float:left;
	color:#257bb7;
	font-size:1.6em;
	width:90px;
	margin-top:11px;
}

.profile-block .i-text{
	background:url('../img/input-275.png') no-repeat 0 0 transparent;
	padding:10px;
	font:1.6em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width:255px;
	border:0 none;
	float:left;
}


.checkbox-descr{
	margin-left:89px;
	font-size:1.1em;
	color:#433c36;
	display:block;
	margin-bottom:5px;
}
 
.save-changes-button{
	background:url('../img/save-changes.png') no-repeat 0 0 transparent;
	width:155px;
	height:33px;
	margin:0px;
	cursor:pointer;
	border:0;
	display:block;
	text-indent:-9999px;
	margin-left:90px;
}


.save-changes-button:hover{
	background:url('../img/save-changes.png') no-repeat 0 -39px transparent;
}


.upload-photo-button{
	background:url('../img/upload-photo.png') no-repeat 0 0 transparent;
	width:158px;
	height:33px;
	margin:0px;
	cursor:pointer;
	border:0;
	display:block;
	text-indent:-9999px;
}

.upload-photo-button:hover{
	background:url('../img/upload-photo.png') no-repeat 0 -39px transparent;
}


.photo-profile{ 
	background:url('../img/img-frame.png') no-repeat 0 0px transparent;
	width:100px;
	height:100px;
	padding:4px 5px 6px 5px;
	display:block;
	margin-bottom:10px;}
	
.profile-photo .file{ 
		background:url('../img/input-162.png') no-repeat 0 0px transparent;
		border:0 none;
		float:left;
		display:block !important;
		padding:4px 0px;
		font:1.6em Arial,'Helvetica Neue',Helvetica,sans-serif;
		padding:10px;
				}
		
.profile-photo  .button-click{
	background:url("img/browse-button.png") no-repeat scroll right center transparent;
	display:inline;
	height:35px;
	margin-left:7px;
	overflow:hidden;
	position:absolute;
	width:95px;
}


.profile-photo li.browse-up{width:275px; float:left; clear:none; margin-left:20px;}
.profile-photo li.photo-img{float:left; width:110px; text-align:center;}

.photo-img a{font-size:1.1em; color:#257bb7; text-align:center;}
#home-ask{
	position:relative;
}

.social-buttons{
	position:absolute;
	right:1px;
	height:25px;
	bottom:1px;
}

.like-link, .facebook-link, .twitter-link{
	text-align:left;
	text-indent:-9999px;
	float:right;
	margin-right:8px;
}

.like-link{
	background:transparent url(../img/like-link.png) 0 0 no-repeat;
	height:22px;
	width:58px;
	margin-top:2px;
}


.facebook-link, .twitter-link{
	height:24px;
	width:24px;
}

.facebook-link{
	background:transparent url(../img/facebook-link.png) 0 0 no-repeat;
}

.twitter-link{
	background:transparent url(../img/twitter-link.png) 0 0 no-repeat;
	height:24px;
}

.facebook-link:hover, .twitter-link:hover{background-position:0px -34px;}
.link-face{
    float:left;
    margin-top:2px;
    margin-left:8px;
}


/* Footer
-----------------------------------------------------------------------------*/  

#footer{
  position:relative;
  padding-top:28px; 
  overflow:hidden;
  clear:both;
  width:979px;
  margin:0 auto;
  height:71px;}   
  
  
  
  #footer #footer-menu{margin-left:12px; position:relative; overflow:hidden; float:left; clear:both;}
  #footer #footer-menu li{text-transform:uppercase; font: normal 1em Arial, 'Helvetica Neue', Helvetica, sans-serif; overflow:hidden; float:left; list-style:none; color:#e5f8d8;}  
  #footer #footer-menu li a, #footer .copyrights a{color:#3095CD; font-weight:bold;}
  #footer #footer-menu li span.separator, .copyrights span.separator{padding:0px 8px;}
  #footer .copyrights{text-transform:uppercase; margin-right:12px; float:right;color:#e5f8d8;}

/*
----------------------------------------POPUP----------------------------------------*/

#fade { 
	display: none; 
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .50;
	z-index: 9999;
}

.popup_block{
	display: none;
	padding:15px 0 45px 0px;
	float: left;
	font-size: 1em;
	position: fixed;
	top: 50%; 
	left: 53%;
	z-index: 99999;
	-webkit-box-shadow: 0 1px 10px #000;
	-moz-box-shadow: 0 1px 10px #000;
	box-shadow: 0 1px 10px #000;
    background: url("../img/content_bg.jpg") repeat scroll 0 0 transparent;
}

.popup-content{
	overflow:hidden;
	position:relative;
	clear:both;
	padding:20px 35px 0 35px;
}

div.status{
	clear: both;
    overflow: hidden;
    padding-bottom:20px;
}

div.status .thumb {
    float: left;
    margin-right: 3px;
}

div.status .thumb img {
    height: 78px;
    width: 78px;
}

div.status .tweet-commet {
    clear: none;
    float: left;
    margin-top: 1px;
    width: 385px;
}

div.status .tweet-commet li {
    clear: both;
    overflow: hidden;
}

div.status .tweet-c{padding:0 16px 16px 16px;}

h3.popup-title{
	padding:0 30px 15px 35px;
	color:#257bb7;
	border-bottom:1px solid #6ab1d7;
	line-height:25px;
}

img.btn_close {
	float: right;
	margin: -30px -15px 0 0;
}

span.popup-label{
	color:#257bb7;
	float:left;
	width:86px;
	font:normal 1.6em Arial,'Helvetica Neue',Helvetica,sans-serif;
	padding-top:7px;
}

input.p-text{
	color:#257bb7;
	font:normal 1.6em Arial,'Helvetica Neue',Helvetica,sans-serif;
	float:left;
	margin:0;
	padding:5px 10px;
	border:2px solid #d2e6f2;
	width:354px;
	-webkit-box-shadow: 0px 0px 3px #a4a3a2;
	-moz-box-shadow: 0px 0px 3px #a4a3a2;
	box-shadow: 0px 0px 3px #a4a3a2;
}

a.skip-post{
	float:left;
	text-indent:-9999px;
	width:221px;
	height:34px;
	background: url("../img/popup-buttons-sprite.png") repeat scroll 0 0 transparent;
	margin-right:5px;
}

a.skip-post:hover{background: url("../img/popup-buttons-sprite.png") repeat scroll 0 -35px transparent;}

a.fbpost{
	float:left;
	text-indent:-9999px;
	width:156px;
	height:34px;
	background: url("../img/popup-buttons-sprite.png") repeat scroll 0 -70px transparent;
}

a.fbpost:hover{background: url("../img/popup-buttons-sprite.png") repeat scroll 0 -105px transparent;}

.popup-content p{
	margin:0;
	overflow:hidden;
	clear:both;	
}

.popup-content p.first{padding:0 0 20px 0;}

.popup-content p.last{padding-left:85px;}

*html #fade {
	position: absolute;
}

*html .popup_block {
	position: absolute;
}


/* Weekly Report */

.weekly td.value {
	background-image: url(../img/gridline58.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding:0;
	border-bottom: none;
	background-color:transparent;
}
.weekly td {
	padding: 4px 6px;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-color:#fff;
}
.weekly body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
.weekly td.value img {
	vertical-align: middle;
	margin: 5px 5px 5px 0;
}
.weekly th {
	text-align: left;
	vertical-align:top;
}
.weekly td.last {
	border-bottom:1px solid #e5e5e5;
}
.weekly td.first {
	border-top:1px solid #e5e5e5;
}
.auraltext
{
   position: absolute;
   font-size: 0;
   left: -1000px;
}
.weekly table {
	background-color:#eff3f4;
	background-repeat:repeat-x;
	background-position:left top;
	width: 523px;
	margin: 10px 10px 10px 50px;
}
.weekly caption {
	font-size:90%;
	font-style:italic;
}