@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0; border:medium none}
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input[type="radio"], input[type="checkbox"]{resize:none}

/* Global Declairetion Copy from reset1.css */
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {/*  border: 0;  margin: 0;  padding: 0;  font-size: 100%;*/  list-style: none;  text-decoration: none;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {/* Override the default (display: inline) for browsers that do not recognize HTML5 tags.  IE8 (and lower) requires a shiv:  http://ejohn.org/blog/html5-shiv*/  display: block;}

fieldset, img{border:0}
a:focus, a:active{outline:none}
img{vertical-align:-2px}
table{border-collapse:collapse; border-spacing:0}
html{min-height:100%}
body{overflow-y:scroll}
p{margin-top:10px; margin-bottom:15px}
ul, ol, dl{margin:10px 0; padding-left:30px}
ul {list-style:none}
dl{margin:10px 0}
dd{padding-left:40px}
td, th{padding:1px}
a:link, a:visited{text-decoration:none}
a:hover{text-decoration:underline}
fieldset{margin:10px 0 10px 0; padding:0 10px 10px 10px; border:1px solid #c8c8c8}
legend{padding:0 10px 0 10px; background:#fff}
form div{margin:0px 0 10px 0}
textarea{padding:1px 0 1px 5px}
option{padding:0 0 1px 5px}
input[type='hidden']{display:none}
input[type='text'], input[type='password']{padding:1px 0 1px 5px}
button, input[type='button'], input[type='submit']{padding:2px 4px 2px 1px; line-height:100%}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button{cursor:pointer}
textarea, input[type='text'], input[type='password'], select{border:1px solid #c8c8c8; background:#fff}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover{border-color:#aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus{border-color:#8c8c8c; outline:2px solid #dcdcdc}

body{font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:150%; color:#646566; position:relative}

/* Font Face */
@font-face {font-family:'neucharegular'; src:url('../fontface/neucha-webfont.eot'); src:url('../fontface/neucha-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/neucha-webfont.woff') format('woff'), url('../fontface/neucha-webfont.ttf') format('truetype'), url('../fontface/neucha-webfont.svg#neucharegular') format('svg'); font-weight:normal; font-style:normal;}

h1, h2, h3, h4, h5, h6{margin-bottom:10px; font-weight:normal}
h1{font-size:36px; line-height:36px}
h2{font-size:24px; line-height:24px}
h3{font-size:18px; line-height:18px; margin-top:15px}
h4{font-size:16px; line-height:16px; margin-top:15px}
h5{font-size:14px; line-height:14px; margin-top:10px}
h6{font-size:14px; line-height:14px; margin-top:10px}
hr{margin:15px 0 15px 0; display:block; background:#c8c8c8; height:1px; border:none}
q{font-style:italic}
blockquote{margin:10px 0 10px 15px; font-style:italic; font-size:130%}
blockquote >*:first-child:first-letter{font-size:150%}
pre{margin:10px 0 10px 0px; padding:5px 0 5px 10px; border:1px dotted #aab4be; border-left:20px solid #b4b4b4; background:#fafafa; font-size:90%; color:#2E8B57; font-family:"Courier New",Courier,monospace; white-space:pre-wrap}
acronym, abbr{border-bottom:1px dashed #969696; cursor:help; font-variant:small-caps; text-transform:lowercase}
.txttitle{color:#00386d; font-family:'neucha'; font-size:24px; letter-spacing:0; line-height:53px; height:53px; background:url(../images/headbg.png) 0 0 repeat-x; padding:0 5px 0 15px; font-weight:bold; margin:0}
.fullbg{background:url(../images/headbg.png) 0 0 repeat-x; overflow:hidden}
#page div.globalbluebutton{background:url(../../../images/button_bg.png) 0 0 no-repeat !important; height:22px !important; float:left !important; width:auto!important; padding:0 !important; margin:0 !important; height:auto!important; margin-right:6px !important}
#page div.globalbluebutton a{background:url(../../../images/button_bg.png) 100% -66px no-repeat !important; height:22px !important; float:left !important; line-height:22px !important; text-align:center !important; font-size:10px !important; color:#fff !important; margin-right:-6px !important; text-decoration:none !important; padding:0 !important; margin:0 !important; font-weight:bold !important; text-transform:uppercase!important}
#page div.globalbluebutton input{background:url(../../../images/button_bg.png) 100% -66px no-repeat !important; height:22px !important; float:left !important; cursor:pointer !important; border:none !important; font:bold 10px Arial,Helvetica,sans-serif !important; color:#fff !important; padding:0 10px!important; margin:0 !important; margin-right:-6px !important; text-transform:uppercase!important; overflow:visible}
#page div.globalbluebutton:hover{background-position:0 -24px !important}
#page div.globalbluebutton:hover a{background-position:100% -90px !important}
#page div.globalbluebutton:hover input{background-position:100% -90px !important}
#page div.ovfl_hidden{overflow:hidden !important; width:auto!important; height:auto!important}
#page div.globalgetpoints{background:url(../../../images/pointsbtn_bg.png) 0 0 no-repeat !important; height:25px !important; width:auto!important; padding:0 !important; margin:0 6px 0 0 !important; line-height:normal !important}
#page div.globalgetpoints a{background:url(../../../images/pointsbtn_bg.png) 100% -66px no-repeat !important; height:22px !important; line-height:22px !important; text-align:center !important; font-size:10px !important; color:#fff !important; margin-right:-6px !important; text-decoration:none !important; padding:0 !important; margin:0 !important; font-weight:bold !important; text-transform:uppercase!important}
#page div.globalgetpoints input{background:url(../../../images/pointsbtn_bg.png) 100% -61px no-repeat !important; height:25px !important; cursor:pointer !important; border:none !important; font:bold 13px Arial,Helvetica,sans-serif !important; color:#fff !important; padding:0 10px!important; margin:0 -6px 0 0 !important; line-height:normal !important}
#page div.globalgetpoints:hover{background-position:0 -28px !important}
#page div.globalgetpoints:hover a{background-position:100% -90px !important}
#page div.globalgetpoints:hover input{background-position:100% -61px !important}
#page div.ovfl_hidden{overflow:hidden !important; width:auto!important; height:auto!important}

.wrapper{margin:auto; position:relative!important}
#header{height:106px; margin:0px 15px 0px 15px; padding:0px 0px 0px 0px; position:relative; z-index:10; clear:both}
#top{ clear:both;  margin:0;  overflow:hidden;  padding:5px 0 10px}
#middle{padding:5px 0; clear:both; min-height:300px}
#bottom{margin:0px 0px 0px 0px; padding:10px 0px 40px 0px; overflow:hidden; clear:both; color:#B9BABB}
#footer{clear:both; color:#9699AA; font-size:13px;  margin:0;  padding:12px 0;  position:relative;  text-shadow:0 1px 0 rgba(0,0,0,0.9); overflow:hidden; width:100%}
#middle{width:100%; overflow:hidden; position:relative}
#middle-expand{width:200%}
#main{position:relative; left:50%; width:50%; float:left}
#main-shift{position:relative; left:-100%;   overflow:hidden}

/* 16th march (By Akhi) */
.gametopsec {position:relative; width:100%}
.gamepointbtn {position:absolute; right:10px; top:0; width:90px; z-index:10}
#sahb-tabbed-content ul#sahb-nav li.pointli {float:right; width:90px; list-style:none}

#leftparent #left{overflow:visible;}
#leftparent .box-1{overflow:visible;}

#left{position:relative; left:-50%; float:left; overflow:hidden}
#right{position:relative; float:left; overflow:hidden}
#maintop, #contenttop{margin:0px 0px 0px 0px; overflow:hidden}
#contentbottom, #mainbottom{margin:0px 0px 0px 0px}
#mainmiddle{width:100%; overflow:hidden;  position:relative}
#mainmiddle-expand{width:200%}
#content{position:relative; left:50%; width:50%; float:left}
#content-shift{position:relative; left:-100%; overflow:hidden}
#contentleft{position:relative; left:-50%; float:left; overflow:hidden}
#contentright{position:relative; float:left; overflow:hidden}
.floatbox{overflow:hidden}
.float-left{float:left; overflow:hidden}
.float-right{float:right; overflow:hidden}
.width15{width:15%}
.width18{width:18%}
.width20{width:20%}
.width23{width:23%}
.width25{width:25%}
.width33{width:33%}
.width34{width:34%}
.width35{width:35%}
.width39{width:39%}
.width40{width:40%}
.width45{width:45%}
.width46{width:46%}
.width50{width:50%}
.width54{width:54%}
.width65{width:65%}
.width67{width:67%}
.width75{width:75%}
.width100{width:100%}
.paddinglft140{padding-left:140px;}
#top >.vertical, #bottom >.vertical{float:left}
body.yoopage{}
#page-header{background:url(../images/wespeak-top-bg.png) 0 100% repeat-x; height:111px; position:relative; z-index:10000}


#page-header .page-header-1{position:relative}
#page-top{background:url(../images/slidshow-big-bg.png) repeat; height:397px}
#page-top .page-top-1{padding-top:10px}
#page-body{background:#fff}
/*#page-body .page-body-1, #page-body .page-body-2{background:url(../images/page_body_bg.png) 50% 0 repeat-x}*/
#page-body .page-body-2{background-position:50% 100%}
#page-bottom{background:url(../images/page_bottom_bg.jpg) 50% 0 repeat}
#page-bottom .page-bottom-1{background:url(../images/page_bottom_bg_t.jpg) 50% 0 repeat-x}
#page-bottom .page-bottom-2{background:url(../images/page_bottom_bg_b.png) 50% 100% repeat-x}
#page-footer{padding-bottom:30px}
#absolute{position:absolute; z-index:15; top:0px; left:0px; width:100%}
#toolbar{height:24px; padding:15px 0px 0px 0px; overflow:hidden; color:#E2E2E7; line-height:24px; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.4)}
#date{padding:0px 0px 0px 10px; float:right}
#logo{float:left; height:83px; margin-top:23px; width:182px; position:relative}
#logo-slogan{color:#FFF; float:left; font-family:'neucha'; font-size:16px; font-weight:normal; height:26px/*26px*/; letter-spacing:0.04em; line-height:16px; margin-top:45px;/*67px;*/  word-spacing:0; margin-left:19px}
#logo-slogan p {margin:0}
#search{float:left; z-index:12}
#login{background:url("../images/login-bg.png") no-repeat 0 0; float:right; height:33px; margin-right:16px; width:385px; top:32px !important; margin-top:0 !important; z-index:1 !important}
#login .login-text{color:#616060; float:left; font-weight:bold; margin-left:15px; margin-top:7px; width:55px}
#login .module{float:left;     margin-top:5px}
#login  .birdbx{position:relative}
#login  .birdbx .bird1{position:absolute; top:-48px; left:0; background:url("../images/bird1.png") no-repeat 0 0; width:50px; height:57px}
#page-header #login span.login{height:25px; width:300px}
#page-header #login span.login-button{background:url("../images/button_bg.png") no-repeat 0 0; height:24px; margin-left:6px; margin-top:1px; width:75px}
span.login-button{background:url("../images/button_bg.png") no-repeat 0 0; height:24px; margin-left:6px; margin-top:1px; width:75px}
#page-header #login span.login-button input{background:none; border:0; color:#fff; text-align:center; width:75px; height:20px; line-height:normal}
span.login-button input{background:none; border:none; color:#fff; text-align:center; width:75px; height:20px; line-height:normal}
#page-header #login span.login-button:hover{background:url("../images/button_bg.png") no-repeat 0 -24px}
#page-header #login span.niftyquick span.yoo-login span.logout{margin:0}
#page-header #login  span.niftyquick span.yoo-login span.logout span.logout-button{background:url("../images/button_bg.png") no-repeat 0 0; height:24px; margin-top:0; width:75px}
#page-header #login  span.niftyquick span.yoo-login span.logout span.logout-button input{background:none; border:0; color:#fff; text-align:center; width:75px; height:20px; line-height:normal}
#page-header #login  span.niftyquick span.yoo-login span.logout span.logout-button:hover{background:url("../images/button_bg.png") no-repeat 0 -24px}
#page-header #login  span.niftyquick span.yoo-login span.logout span.logout-button button{color:#fff}
#page-header #login span.login-button button{color:#fff}
#menu{float:right; margin-top:2px; width:auto}

#banner{position:absolute; top:162px; right:0px; width:0px; z-index:3}
#banner-1{position:absolute; top:160px; right:24px; width:0px; z-index:100}
#footer a.anchor{position:absolute; right:0px; top:30px; width:28px; height:30px; background:url(../images/footer_anchor.png) 0 0 no-repeat; display:block; text-decoration:none}
#footer a.anchor:hover{background-position:0 -40px}
.contentwrapper #component{margin-left:-13px !important}
.contentwrapper #component{padding:22px 20px 20px 20px; background:#fff; -moz-border-radius:7px; border-radius:7px}
#top #navi-outer li a span.navbar-title{display:none}
#top #navi-outer li a:hover span.navbar-img img, #top #navi-outer li a.navi-active span.navbar-img img{width:100px; height:57px}
#top #navi-outer li a span.navbar-img, #top #navi-outer li a:hover span.navbar-img, #top #navi-outer li a.navi-active span.navbar-img{background:#FFF; border:1px solid #DDD; height:57px; margin:0 10px 0 0; padding:3px; width:100px}
#top #navi-outer{background:#E6F3FC}
#top #navi-outer li a:hover span.navbar-tagline, #top #navi-outer li a.navi-active span.navbar-tagline{color:#FFF}
#top #navi-outer li a:hover, #top #navi-outer li a.navi-active{background:url("../images/slideshow-bg-active.png") no-repeat 3px -2px; border:none}
#top #navi-outer li a{background:none; border:none; margin:6px 0; padding:6px 30px}
#top #slide-wrapper #slide-outer .slide .slide-inner{background:#E6F3FC}
#top .fpss-introtext .slidetext h1{line-height:30px}
#top .fpss-introtext .slidetext h1 a{color:#FFF; font-family:'neucha'; font-size:30px}
#top .fpss-introtext{background:url("../images/transparent_bg.png") repeat 0 0; bottom:0; font-size:14px; height:90px; left:0; margin:0; padding:0; position:absolute; top:auto; width:100%; z-index:1000}
#top .fpss-introtext .slidetext a.readon{left:auto; padding:3px 0 6px 10px; right:3px}
#top .fpss-introtext .slidetext a.readon:hover{text-decoration:none}
#top #slide-loading{    background:url("../images/loading_icon.gif") no-repeat scroll center center #E6F3FC}
#top #navi-outer li a span.navbar-img img{height:57px; width:100px}
#top #navi-outer li a span.navbar-tagline{color:#7A7A7A; width:147px}
#top .fpss-introtext .slidetext p{background:none; float:left; margin:3px 0 0; padding:0 0 0 11px; width:100%}
#top .module{margin-bottom:0 !important}
#page-footer .wrapper{border-top:1px solid #E0E0E0}
#footer-left{float:left}
#footer-left .module{color:#494848; display:block; font-weight:bold; margin-left:10px; padding-top:13px; text-shadow:none}
#footer-right{float:right}
#footer-right img{}
#chatbartop{position:fixed; right:0; bottom:0; padding-left:20px; /*background:#7AF76C;*/ z-index:10000}
#chatbar{line-height:14px; color:#FFF; width:141px; height:27px; background:#0055A5; overflow:hidden; margin:0 auto; border-bottom:0; padding:7px 10px 0; text-align:center; border-left:2px solid #fff}
#chatbar .onlineteacher{width:112px; height:15px; display:block; background:url("../images/onlineteacher.jpg") 0 0 no-repeat; float:right; margin-right:10px}
#chatbar .chatroom{width:84px; height:15px; display:block; background:url("../images/chatrooms.jpg") 0 0 no-repeat; float:right; margin-right:10px}
#chatbar .chatfriend{width:85px; height:15px; display:block; background:url("../images/chatfriends.jpg") 0 0 no-repeat; float:right; margin-right:10px}
#chatbar a:hover{text-decoration:none}
#chatbar .note{font-size:10px; color:#fff; margin:0; text-align:center}
.shoot img{display:block !important}
.shoot table{width:100%}
.fbJewel1 .jewelCount1{-moz-border-radius:2px 2px 2px 2px; color:#FFF; font-size:8.5px; font-weight:bold; padding-bottom:1px; position:absolute; right:55px; top:1px; z-index:100; margin-top:-32px; padding-top:2px; text-align:center}
.fbJewel1 .jewelCount1 span{-moz-border-radius:2px 2px 2px 2px; background-color:#F03D25; border-color:-moz-use-text-color #DD3822 #DD3822; border-right:1px solid #DD3822; border-width:0 1px 1px; display:block; height:11px; line-height:11px;padding:0 2px; text-align:center;}
.fbJewel2 .jewelCount2{-moz-border-radius:2px 2px 2px 2px; background:none !important; color:#FFF; font-size:8.5px; font-weight:bold; padding-bottom:1px; position:absolute;  right:28px; top:1px; z-index:100; margin-top:-32px; padding-top:2px; width:11px; text-align:center}
.fbJewel2 .jewelCount2 span{-moz-border-radius:2px 2px 2px 2px;  background-color:#F03D25;  border-color:-moz-use-text-color #DD3822 #DD3822;  border-right:1px solid #DD3822;  border-width:0 1px 1px;  display:block; height:11px; line-height:11px}
.fbJewel3 .jewelCount3{-moz-border-radius:2px 2px 2px 2px; background-color:#0055A5; color:#FFF; font-size:8.5px; font-weight:bold; padding-bottom:1px; position:absolute; right:-1px; top:-8px; z-index:100; padding-top:6px; width:11px; text-align:center}
.fbJewel3 .jewelCount3 span{-moz-border-radius:2px 2px 2px 2px; background-color:#F03D25; border-color:-moz-use-text-color #DD3822 #DD3822; border-right:1px solid #DD3822; border-width:0 1px 1px; display:block; height:11px; line-height:11px}
h1, h2, h3, h4, h5, h6{font-family:Arial,Helvetica,sans-serif}
h1{font-weight:normal; color:#999}
#page h1 a{color:#28292A; text-decoration:none}
h2{color:#649ED9}
h3{color:#28292A}
h4{color:#649ED9}
h5{color:#28292A}
h6{color:#649ED9}
h1{font-size:24px; line-height:26px}
h2{font-size:22px; line-height:24px}
a{color:#0055A5; text-decoration:none}
a:hover{color:#3686C7}
#bottom a, #footer a{color:#92AACE}
#bottom a:hover, #footer a:hover{color:#649ED9}
a.icon-folder{padding-left:17px; background:url(../images/typography/icon_folder.png) 0 40% no-repeat}
a.icon-file{padding-left:17px; background:url(../images/typography/icon_file.png) 0 40% no-repeat}
a.icon-download{padding-left:17px; background:url(../images/typography/icon_download.png) 0 40% no-repeat}
a.icon-external{padding-left:17px; background:url(../images/typography/icon_external.png) 0 40% no-repeat}
a.icon-pdf{padding-left:17px; background:url(../images/pdf_button.png) 0 40% no-repeat}
em.box{padding:0px 3px 0px 3px; border:1px solid #fff; background:#FBFCFC; font-family:"Courier New",Courier,monospace; color:#646566; font-style:normal; white-space:nowrap; -moz-border-radius:3px; border-radius:3px}
ul.plus, ul.heart, ul.check, ul.star, ul.arrow{margin:10px 0px 10px 0px; padding-left:20px; list-style:none}
ul.plus li, ul.heart li, ul.check li, ul.star li, ul.arrow li{margin:5px 0px 5px 0px; padding-left:20px; font-weight:bold; line-height:30px}
ul.plus li{background:url(../images/typography/list_plus.png) 0 0 no-repeat}
ul.heart li{background:url(../images/typography/list_heart.png) 0 0 no-repeat}
ul.check li{background:url(../images/typography/list_check.png) 0 0 no-repeat}
ul.star li{background:url(../images/typography/list_star.png) 0 0 no-repeat}
ul.arrow li{background:url(../images/typography/list_arrow.png) 0 0 no-repeat}
ul.links{margin:10px 0px 20px 0px; padding-left:0px; list-style:none}
.module ul.links{margin:0}
ul.links li, #bottom ul.links li{background:url(../images/typography/list_links.png) 0 0 no-repeat}
ul.links li{height:30px; line-height:30px; cursor:pointer}
ul.links li:hover{background-position:0px -30px}
#bottom ul.links li{background-position:0px -60px}
#bottom ul.links li:hover{background-position:0px -90px}
ul.links li a{display:block; padding-left:20px; color:#646566; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.7)}
ul.links li a:hover{color:#649ED9}
#bottom ul.links li a{color:#92AACE; text-shadow:0 1px 0 rgba(0,0,0,0.3)}
#bottom ul.links li a:hover{color:#DEDEE0}
ol.disc{margin:10px 0px 10px 0px; padding:0px 0px 0px 45px; background:url(../images/typography/list_disc.png) 20px 0px repeat-y}
ol.disc li{margin:5px 0px 5px 0px; padding-left:10px; font-weight:bold; line-height:26px}
hr.dotted{margin:15px 0px 15px 0px; display:block; background:url(../images/typography/line_dotted.png) 0 0 repeat-x; height:1px; border:none}
span.note, span.info, span.alert, span.download, span.tip{display:block}
div.note, span.note{color:#323232; margin:10px 0px 10px 0px; padding:5px 10px 5px 10px; background:#E4EBF1; border-top:1px solid #D4D9DE; border-bottom:1px solid #D4D9DE; text-align:justify}
div.info, span.info, div.alert, span.alert, div.download, span.download, div.tip, span.tip{color:#323232; margin:10px 0px 10px 0px; padding:8px 10px 8px 40px}
div.info, span.info{background:#E4EBF1 url(../images/typography/box_info.png) 8px 5px no-repeat; border-top:1px solid #D4D9DE; border-bottom:1px solid #D4D9DE}
div.alert, span.alert{background:#FFE6DF url(../images/typography/box_alert.png) 8px 5px no-repeat; border-top:1px solid #FFD9CF; border-bottom:1px solid #FFD9CF}
div.download, span.download{background:#f5faeb url(../images/typography/box_download.png) 8px 5px no-repeat; border-top:1px solid #D6EBCD; border-bottom:1px solid #D6EBCD}
div.tip, span.tip{background:#FDF9E3 url(../images/typography/box_tip.png) 8px 5px no-repeat; border-top:1px solid #FAE7BE; border-bottom:1px solid #FAE7BE}
p.dropcap:first-letter{display:block; margin:7px 4px 0px 0px; float:left; font-size:280%; font-family:Georgia,"Times New Roman",Times,serif}
blockquote{font-family:Georgia,"Times New Roman",Times,serif}
q.blockquote{margin:10px 0 10px 15px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:120%}
q.blockquote:first-letter{font-size:150%}
q.blockquote:before, q.blockquote:after{content:""}
blockquote.quotation{margin:10px 0px 10px 0px; padding:10px 35px 10px 35px; border:none; background:url(../images/typography/blockquote_start.png) 0 0 no-repeat; text-align:justify}
blockquote.quotation p{margin:0px -35px -10px 0px; padding:0px 35px 10px 0px; background:url(../images/typography/blockquote_end.png) 100% 100% no-repeat}
body .inset-left{margin:15px 15px 10px 0px; float:left}
body .inset-right{margin:15px 0px 10px 15px; float:right}
.webfonts .module h3.header, .webfonts #system .title{font-family:'neucha'}
.webfonts .module h3.header{color:#00386d; font-size:20px; letter-spacing:0; line-height:48px; padding:0 5px 0 0; font-weight:bold}
.webfonts #system .title{font-size:28px; line-height:30px; letter-spacing:1px}
.spotlight .spotlight1{visibility:hidden}
.spotlight.fade .spotlight1 >div >a:first-child, 
.spotlight.bottom .spotlight1 >div >a:first-child{display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1}
.spotlight.fade.zoom .spotlight1{position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/spotlight_fade_zoom.png) 50% 50% no-repeat}
.spotlight.bottom .spotlight1 >*{padding:15px; background:#323232; background:rgba(0,0,0,0.6); color:#fff}
.spotlight.bottom h3{margin:0px 0px 3px 0px; font-size:15px; font-weight:bold; line-height:15px; text-transform:uppercase; color:#fff}
.spotlight.bottom a, .spotlight.bottom a:hover{color:#fff}
.spotlight.bottom a{text-decoration:underline}
#toolbar ul.menu, #footer ul.menu{display:inline-block; margin:0px; padding:0px; list-style:none}
#footer ul.menu{display:block; line-height:15px}
#toolbar .menu li, #footer .menu li{display:inline-block; margin:0px; padding:0px}
#toolbar .menu li a, #footer .menu li a{display:inline-block; padding:0px 13px 0px 15px; background:url(../images/topmenu_item_bg.png) 0 50% no-repeat; overflow:hidden;  color:#E2E2E7; text-decoration:none}
#toolbar .menu li a.active, #toolbar .menu li a:hover, #footer .menu li a:hover{text-decoration:underline}
#footer .menu li a{padding:0 13px 0 15px; background:url(../images/footermenu_item_bg.png) 0 50% no-repeat}
#footer .menu li a.first{padding-left:0px; background:none}
#menu{width:738px !important}

#menu ul{margin:0px 0 0 10px; padding:0px; list-style:none}
#menu ul ul{border:1px solid #d8d8da; background:#eee; margin:0}
:first-child+html #menu ul li.level2 {float:none !important}
#menu ul ul.first{}
#menu li{position:relative;  margin:0px; padding:0px}
#menu a, #menu span{display:block}
#menu a{text-decoration:none}
#menu span.icon{background-repeat:no-repeat; background-position:0 50%}
#menu ul.menu, #menu li.level1{float:left}
#menu li.level1,#menu a.level1, #menu span.level1, #menu a.level1 span.bg, #menu span.level1 span.bg{}
#menu li.level1{background-position:0 0; background-repeat:no-repeat}
#menu ul:first-child li.level1.first{background-position:0 -110px}
#menu ul.last li.level1.last .level1{background-position:100% -165px}
#menu a.level1, #menu span.level1{float:left; padding:0; background-position:100% -55px; background-repeat:repeat-x}
#menu a.level1 span.bg, #menu span.level1 span.bg{height:38px;  width:84px; text-align:center; float:left; line-height:40px; font-size:12px; color:#1778BE; text-shadow:0 1px 0 rgba(255,255,255,0.4)}
#menu li.level1.last span.bg {width:78px}
#menu a.level1.item6 span.bg {width:105px;}
#menu a.level1.item7 span.bg {width:78px;}
#menu li.level1.active{background-position:0 -605px}
#menu ul:first-child li.level1.first.active{background-position:0 -715px}
#menu li.level1.active .level1{background-position:100% -660px}
#menu ul.last li.level1.active.last .level1{background-position:100% -770px}
#menu li.level1.active .level1 span.bg{text-shadow:0 -1px 0 rgba(255,255,255,0.4); background:url("../images/active-bg.png") no-repeat center center; width:84px}
#menu li.level1:hover, #menu li.level1.remain{background-position:0 -275px}
#menu ul:first-child li.level1.first:hover, #menu ul:first-child li.level1.remain.first{background-position:0 -385px}
#menu li.level1:hover .level1, #menu li.level1.remain .level1{background-position:100% -330px}
#menu ul.last li.level1.last:hover .level1, #menu ul.last li.level1.remain.last .level1{background-position:100% -440px}
#menu li.level1:hover .level1 span.bg, #menu li.level1.remain .level1 span.bg{text-shadow:0 0 5px rgba(255,255,255,0.7)}
#menu li.level1.parent:hover .level1 span.bg, #menu li.level1.parent.remain .level1 span.bg{}
#menu a.level1 span.title, #menu span.level1 span.title{font-size:12px; line-height:24px; text-align:left; letter-spacing:0px}
#menu a.level1 span.subtitle, #menu span.level1 span.subtitle{margin-top:-3px; font-size:9px; font-weight:normal; line-height:10px; text-transform:none; text-align:center; letter-spacing:0px}
#menu .dropdown{position:absolute; top:23px;  left:-999em;  z-index:100; border-top:0;  width:175px !important }
#menu li:hover .dropdown, #menu li.remain .dropdown{left:0px}
#menu .dropdown-t2{padding:0px 15px 0px 15px; background-position:100% -20px}
#menu .dropdown-t3{height:15px; background-position:50% -40px; background-repeat:repeat-x}
#menu .dropdown-2{padding:0 15px 0 15px; background-position:100% 0}
#menu .dropdown-3{background:#F8F8FA; overflow:hidden}
#menu .dropdown-b1{background-position:0 -60px}
#menu .dropdown-b2{padding:0px 15px 0px 15px; background-position:100% -80px}
#menu .dropdown-b3{height:15px; background-position:0 -100px; background-repeat:repeat-x}
#menu li.level2 .group-box1{text-shadow:0 1px 0 rgba(255,255,255,1); overflow:hidden}
#menu li.level2 .hover-box1, #menu li.level2.parent .group-box1 .hover-box1{background:url(../images/menu_level2_item.png) 0 100% repeat-x; overflow:hidden}
#menu li.level2.last .hover-box1{background:none}
#menu a.level2, #menu span.level2{overflow:hidden; width:100%}
#menu a.level2 span.bg, #menu span.level2 span.bg{line-height:28px; font-size:12px; color:#1778BE; text-transform:inherit; padding-left:5px}
#menu li a.level2:hover{background:#fff}
#menu li a.level2:hover span.bg, #menu li a.level2:hover span.subtitle{color:#6594C2}
#menu li.level2 .current span.bg{color:#6594C2}
#menu a.level2 span.title, #menu span.level2 span.title{line-height:33px}
#menu a.level2 span.subtitle, #menu span.level2 span.subtitle{margin-top:-18px; color:#A0A0AF; font-size:10px; font-weight:normal; text-transform:none; line-height:30px}
#menu a.level2 span.icon, #menu span.level2 span.icon{min-height:45px; padding-left:50px; line-height:45px}
#menu .sub{padding:0px 0px 15px 0px}
#menu ul.level2.last .sub{padding-bottom:0px}
#menu ul.level3{padding:5px 0px 0px 0px}
#menu li.level3{margin-bottom:3px}
#menu a.level3 span.bg, #menu span.level3 span.bg{padding-left:18px; line-height:18px; font-size:12px; color:#7D7E7F; background:url(../images/menu_level3_item.png) 0 0 no-repeat; -moz-border-radius:3px; border-radius:3px; float:none}
#menu li.level3 a.level3:hover span.bg{color:#72727F; text-shadow:0 1px 0 rgba(255,255,255,1); background-position:0 -40px; background-color:#E8E8EA}
#menu li.level3 a.level3.current span.bg{color:#FFF; text-shadow:0 1px 0 rgba(0,0,0,0.3); background-position:0 -80px; background-color:#6594C2}
#menu li.level3 a.level3.current:hover span.bg{background-color:#3C6A99}
#menu .columns2 ul.level2, #menu .columns3 ul.level2, #menu .columns4 ul.level2{float:left}
#menu .columns2 ul.level2{}
#menu .columns3 ul.level2{width:34%}
#menu .columns3 ul.first, #menu .columns3 ul.last{width:33%}
#menu .columns4 ul.level2{width:25%}

#menu .col1 {width:98%}
#menu .col2 {width:98%}

div.mod-menu ul{margin:0px; padding:0px; overflow:hidden; list-style:none}
div.mod-menu ul.menu li{margin:0px; padding:0px}
div.mod-menu ul.menu a, div.mod-menu ul.menu span{display:block}
div.mod-menu ul.menu a{text-decoration:none}
div.mod-menu ul.menu span.icon{background-repeat:no-repeat; background-position:5px 50%; text-indent:35px}
div.mod-menu ul.menu li.parent span.separator{cursor:pointer}
div.mod-menu ul.menu span.subtitle{display:none}
div.mod-box ul.menu span.bg{height:30px; line-height:30px; text-indent:5px; color:#828384; font-size:14px; text-shadow:0 1px 0 rgba(255,255,255,0.7)}
div.mod-box ul.menu a.current span.bg{color:#68ACF8}
div.mod-box ul.menu a:hover span.bg, div.mod-box ul.menu span:hover span.bg{color:#555657}
div.mod-box ul.menu li.level1{background:url(../images/submenu_level1_item.png) 0 0 repeat-x; z-index:2}
div.mod-box ul.menu li.level1.first{background:none}
div.mod-box ul.menu li.parent .level1 span.bg{background:url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat}
div.mod-box ul.menu li.parent:hover .level1 span.bg{background-position:100% -40px}
div.mod-box ul.menu li.parent.active .level1 span.bg{background-position:100% -80px}
div.mod-box ul.menu li.parent.active .level1:hover span.bg{background-position:100% -120px}
div.mod-box ul.menu ul.level2{padding:0px 0px 5px 0px}
div.mod-box ul.menu li.level2{margin-bottom:3px}
div.mod-box ul.menu li.level2 a:hover{}
div.mod-box ul.menu li.level2 span.bg{height:18px; border-style:none; line-height:18px; text-indent:18px; font-size:11px; background:url(../images/submenu_level2_item.png) 0px 0px no-repeat; -moz-border-radius:3px; border-radius:3px}
div.mod-box ul.menu li.level1 li.level2 span.bg:hover{background-position:0 -40px; background-color:#DEDEE0}
div.mod-box ul.menu li.level2 a.current span.bg{color:#FFF; text-shadow:0 1px 0 rgba(0,0,0,0.4); background-position:0 -80px; background-color:#76ADDA}
div.mod-box ul.menu li.level2 a.current span.bg:hover{background-color:#93939F; background-position:0 -80px}
div.mod-box ul.menu a.level3 span.bg{margin-left:18px}
div.mod-box ul.menu a.level4 span.bg{margin-left:36px}
.module h3.header{margin:0px 0px 10px 0px; padding:0px; font-size:22px; line-height:24px; color:#28292A; font-weight:normal; text-shadow:0 1px 0 rgba(255,255,255,0.7)}
#bottom .module h3.header{color:#F5F6F7; text-shadow:0 1px 0 rgba(0,0,0,0.7)}
.module h3.header span.title{display:block; font-size:22px; line-height:24px}
.module h3.header span.subtitle{display:block; margin-top:10px; line-height:16px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:13px; color:#649ED9; font-weight:normal; text-indent:1px}
#bottom .module h3.header span.subtitle{color:#92AACE}
#top .module, #maintop .module, #contenttop .module, #contentbottom .module, #mainbottom .module, #bottom .module{padding-left:15px; padding-right:15px}
#left .module, #right .module, #contentleft .module, #contentright .module{}
#left div.last, #right div.last, #contentleft div.last, #contentright div.last{margin-bottom:0px}
#top .module, #maintop .module, #contenttop .module{margin-bottom:0px}
#bottom .module, #mainbottom .module, #contentbottom .module{margin-top:0px}
#toolbar .left .module{margin-right:15px; float:left}
#toolbar .right .module{margin-left:15px; float:right}
div.module{position:relative}
div.module div.badge{position:absolute; top:0px; right:15px; width:46px; height:46px; background:url(../images/module_badges.png) 0 0 no-repeat; overflow:hidden; z-index:1}
div.module div.badge-hot{background-position:0 0}
div.module div.badge-top{background-position:0 -50px}
div.module div.badge-pick{background-position:0 -100px}
div.module div.badge-new{background-position:0 -150px}
div.module h3.header span.icon{display:block; position:relative; top:-3px; left:0px; width:35px; height:30px; background:url(../images/module_icons.png) 0 0 no-repeat; overflow:hidden; float:left}
div.module h3.header span.icon-feed{background-position:0 0}
div.module h3.header span.icon-download{background-position:0 -30px}
div.module h3.header span.icon-twitter{background-position:0 -60px}
div.module h3.header span.icon-mail{background-position:0 -90px}
div.module h3.header span.icon-message{background-position:0 -120px}
div.module h3.header span.icon-users{background-position:0 -150px}
div.module h3.header span.icon-shopping{background-position:0 -180px}
div.module h3.header span.icon-lock{background-position:0 -210px}
div.mod-blank{overflow:hidden}
#menu ul.mod-dropdown{padding-left:0px; background:none}
#menu ul.mod-dropdown span.level1 span.color{display:inline}
#menu .mod-dropdown .module{padding:5px; overflow:hidden}
#menu .mod-dropdown .dropdown{width:300px}
div.mod-box div.box-1{   background:none repeat scroll 0 0 #fff;     overflow:hidden;     padding:0 20px 0 0}
div.mod-box h3.header{padding-bottom:3px; background:url(../images/module_box_header.png) 0 100% repeat-x}
#top div.mod-box h3.header{background-image:url(../images/module_box_header_top.png)}
#bottom div.mod-box div.box-1{background-image:url(../images/module_box_bg_bottom.png)}
#bottom div.mod-box h3.header{background-image:url(../images/module_box_header_bottom.png)}
div.mod-box-header-center h3.header{text-align:center}
div.mod-box-header-center h3.header span.subtitle{margin-top:5px}
div.mod-border div.box-1{padding:0 7px 7px; background:url(../images/module_border_bg.png) 0 0 repeat}
div.mod-border div.box-2{padding:12px; border:1px solid #fff; background:#F8F8FA; overflow:hidden; -moz-border-radius:3px; border-radius:3px}
div.mod-border h3.header{padding-bottom:3px; background:url(../images/module_border_header.png)0 100% repeat-x}
#bottom div.mod-border div.box-1{background-image:url(../images/module_border_bg_bottom.png)}
#bottom div.mod-border div.box-2{color:#646566}
#bottom div.mod-border h3.header{color:#28292A; text-shadow:none}
#bottom div.mod-border h3.header span.subtitle{color:#649ED9}
#bottom div.mod-border a{color:#649ED9}
#bottom div.mod-border a:hover{color:#3686C7}
#bottom div.mod-border ul.links li{background-position:0 0}
#bottom div.mod-border ul.links li:hover{background-position:0 -30px}
#bottom div.mod-border ul.links li a{color:#646566; text-shadow:0 1px 0 rgba(255,255,255,1)}
#bottom div.mod-border ul.links li a:hover{color:#649ED9}
#bottom .mod-border a.readmore{color:#fff; background-position:0 0; background-color:#6594C2}
#bottom .mod-border a.readmore:hover{color:#fff; background-position:0 -34px; background-color:#3C6A99}
div.mod-border-header-center h3.header{text-align:center}
div.mod-border-header-center h3.header span.subtitle{margin-top:5px}
div.mod-menu-box h3.header{margin-bottom:0px}
div.mod-line div.box-1{overflow:hidden}
div.mod-line h3.header{}
.vertical div.mod-line div.box-1{padding-top:10px; padding-bottom:10px}
.vertical div.mod-line.first div.box-1{padding-top:20px}
#page .horizontal div.mod-line{background:url(../images/module_line_bg.png) 100% 0 repeat-y}
#top .horizontal div.mod-line{background-image:url(../images/module_line_bg_top.png)}
#bottom .horizontal div.mod-line{background-image:url(../images/module_line_bg_bottom.png)}
#page .horizontal div.mod-line.last{background:none}
.horizontal div.mod-line h3.header{background:none}

/* 20th April 2012 */
.horizontal .module {padding:0 !important}
/*end*/
div.mod-line-header-center h3.header{text-align:center}
div.mod-line-header-center h3.header span.subtitle{margin-top:5px}
div.mod-polaroid div.badge-tape{position:absolute; top:-13px; left:50%; width:114px; height:38px; margin-left:-57px; background:url(../images/module_polaroid_tape.png) 0 0 no-repeat; z-index:1}
div.mod-polaroid div.box-1{margin-top:13px; padding:10px 10px 5px 10px; border-top:1px solid #C8C8C8; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; background:#fff url(../images/module_polaroid_bg.png) 0 100% repeat-x; overflow:hidden}
div.mod-polaroid div.box-2{margin-bottom:5px; background:#000}
div.mod-polaroid div.box-3{padding:10px 15px 10px 15px; overflow:hidden; font-family:"Comic Sans MS","Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic; color:#C8C8C8}
div.mod-polaroid div.box-b1, div.mod-polaroid div.box-b2, div.mod-polaroid div.box-b3{background:url(../images/module_polaroid_shadows.png) 0 0 no-repeat}
div.mod-polaroid div.box-b2{padding:0px 70px 0px 70px; background-position:100% -5px}
div.mod-polaroid div.box-b3{height:5px; background-position:0 -10px; background-repeat:repeat-x}
div.mod-polaroid h3.header{height:25px; margin:0px 0px 0px 0px; line-height:25px; text-align:center; letter-spacing:-1px; font-family:"Comic Sans MS","Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic; color:#323232; text-shadow:none}
div.mod-postit div.box-1{background:#FFA; color:#323232}
div.mod-postit div.box-2{padding:15px 15px 0px 15px; overflow:hidden; font-family:"Comic Sans MS","Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic}
div.mod-postit div.box-b1, div.mod-postit div.box-b2, 
div.mod-postit div.box-b3{background:url(../images/module_postit_shadows.png) 0 0 no-repeat}
div.mod-postit div.box-b2{padding:0px 90px 0px 60px; background-position:100% -40px}
div.mod-postit div.box-b3{height:40px; background-position:0 -80px; background-repeat:repeat-x}
div.mod-postit h3.header{height:30px; margin:-15px -15px 5px -15px; background:#FFFFDA; line-height:30px; text-indent:15px; letter-spacing:-1px; font-family:"Comic Sans MS","Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic; color:#323232; text-shadow:none}
.blue_bg{background:url(../../../images/blue_bg.gif) repeat-x 0 0; padding:10px 0 10px 15px}
.blue_bg h3.header span{color:#00386d}
.lesson_man_img{display:none}
@import url(../warp/css/system.css); 
@import url(../warp/systems/joomla.1.5/css/system.css); 
#system .title{margin-bottom:20px; font-size:24px; line-height:26px}
#system .item >.meta{font-family:Georgia,"Times New Roman",Times,serif; font-size:15px; line-height:19px; font-style:italic; color:#649ED9}
#system .item >.links a{display:inline-block; height:24px; margin-right:5px; padding:0 15px 0 22px; background:#6594C2 url(../images/readmore.png) 0 0 no-repeat; line-height:24px; font-size:12px; color:#F2F1F0; text-align:center; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,0.3); -moz-border-radius:3px; border-radius:3px}
#system .item >.links a:hover{background-color:#3C6A99; background-position:0 -34px; color:#FFF; text-decoration:none}
#system .item >.links a:after{content:""}
#system .items .item{margin-top:29px; padding-top:30px; border:none; background:url(../images/article_separator.png) 0 0 repeat-x}
#system .items .item:first-child{background:none}
#system .items .item >.meta{margin-top:20px}
#system .pagination a, #system .pagination strong{height:25px; border:none; font-size:15px; font-weight:bold; line-height:25px; background:url(../images/pagination_bg.png) 0 0 no-repeat; -moz-border-radius:13px; border-radius:13px; overflow:hidden}
#system .pagination a{color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3)}
#system .pagination a:hover{color:#fff; background-position:0 -25px}
#system .pagination strong{color:#28292A; text-shadow:0 1px 0 rgba(255,255,255,0.7)}
#system .pagination .first, #system .pagination .last{display:none}
#system .pagination a.previous, #system .pagination a.next{width:15px; text-indent:50px}
#system .pagination a.previous{background-position:0 -50px}
#system .pagination a.previous:hover{background-position:0 -75px}
#system .pagination a.next{background-position:0 -100px}
#system .pagination a.next:hover{background-position:0 -125px}
#system .item >.icon{margin-top:7px}
#system .item-list{margin-top:29px; padding-top:15px; border:none; background:url(../images/article_separator.png) 0 0 repeat-x}
#system .items.leading{padding-bottom:29px; margin-bottom:29px; border:none; background:url(../images/article_separator.png) 0 100% repeat-x}
#searchbox{width:165px; height:50px; padding:5px 0 0 5px; background:url(../images/searchbox_bg.png) 0 0 no-repeat}
#searchbox:hover{background-position:0 0}
#searchbox input{width:100px; height:30px; color:#E2E2E7; font-size:12px; line-height:30px; text-shadow:0 -1px 0 rgba(0,0,0,0.5)}
#searchbox:hover input, #searchbox input:focus{color:#FFF}
#searchbox button{width:30px; height:30px}
#searchbox button.magnifier{background:url(../images/searchbox_magnifier.png) 50% 50% no-repeat}
#searchbox button.reset{background:url(../images/searchbox_reset.png) 50% 50% no-repeat}
#searchbox .loading button.reset{background-image:url(../images/searchbox_loader.gif)}
#searchbox .results{top:65px; right:0px; border-color:#FFF; background:#F8F8FA; text-shadow:0 1px 0 rgba(255,255,255,1); -webkit-box-shadow:0 0 7px rgba(0,0,0,0.3); -moz-box-shadow:0 0 7px rgba(0,0,0,0.3); box-shadow:0 0 7px rgba(0,0,0,0.3); -moz-border-radius:8px; border-radius:8px}
#searchbox .results li.results-header, #searchbox .results li.more-results{height:40px; line-height:40px; color:#72727F; font-size:16px}
#searchbox .results li.results-header{border:none; background:#E8E8EA; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px}
#searchbox .results li.result{border:none; color:#969FAA; background:url(../images/search_result_item.png) 0 0 repeat-x}
#searchbox .results li.result.selected{color:#8C8CA0; background-color:#E8E8EA; text-shadow:0 1px 0 rgba(255,255,255,0.7)}
#searchbox .results li.result h3{color:#72727F}
#searchbox .results li.result.selected h3{color:#68ACF8; text-shadow:0 1px 0 rgba(255,255,255,0.4)}
#searchbox .results li.more-results{padding-left:30px; border-color:#fff; font-size:14px; background:#E8E8EA url(../images/searchbox_more_results.png) 13px 0 no-repeat; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px}
#searchbox .results li.more-results:hover{color:#68ACF8; background-position:13px -40px}
table.zebra th, table.zebra td{padding:9px; border-color:#CDCDCF; border-color:rgba(0,0,0,0.15)}
table.zebra tbody tr.odd{background:#E8E8E9; background:rgba(0,0,0,0.03)}
table.zebra tbody tr:nth-of-type(odd){background:#E8E8E9; background:rgba(0,0,0,0.03)}
table.zebra tbody tr.even{background:#DEDEE0; background:rgba(0,0,0,0.08)}
table.zebra tbody tr:nth-of-type(even){background:#DEDEE0; background:rgba(0,0,0,0.08)}
ul.line >li{border-top-style:solid; border-color:#CDCDCF}
.breadcrumbs{margin:0px 0px 30px 0px; font-size:12px; line-height:20px}
.breadcrumbs a, .breadcrumbs span, .breadcrumbs strong{height:23px; padding:0 10px 0 10px; line-height:23px; -moz-border-radius:3px; border-radius:3px}
.breadcrumbs a, .breadcrumbs span{margin-right:14px; background:url(../images/breadcrumbs.png) 0 0 repeat-x; color:#5A5C5E}
.breadcrumbs a:hover{color:#F0F4F9; background:#6594C2}
.breadcrumbs strong{color:#F0F4F9; font-weight:normal; background:#6594C2}
a.readmore{height:24px; padding:0 15px 0 22px; border:none; background:#6594C2 url(../images/readmore.png) 0 0 no-repeat; line-height:24px; font-size:12px; color:#F0F4F9; text-align:center; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,0.3); -moz-border-radius:3px; border-radius:3px}
a.readmore:hover{background-color:#3C6A99; background-position:0 -34px; color:#FFF}
#bottom a.readmore{background-color:transparent; background-position:0 -68px; text-shadow:0 1px 0 rgba(0,0,0,0.8)}
#bottom a.readmore:hover{color:#fff; background-color:transparent; background-position:0 -102px}
#left #form-login fieldset, #right #form-login fieldset{border:none}
#bottom div.yoo-tweet a.image{margin-top:10px}
#bottom div.yoo-tweet p.text{text-shadow:0 1px 0 rgba(0,0,0,0.4)}
#header span.quick span.yoo-login{}
#header span.quick span.yoo-login span.login{width:231px}
#header span.quick span.yoo-login span.login span.login-button-text, #header span.quick span.yoo-login span.login span.login-button-icon{margin-right:0px}
#header span.quick span.yoo-login span.login span.lostpassword, #header span.quick span.yoo-login span.login span.lostusername, #header span.quick span.yoo-login span.login span.registration{margin-top:5px}
#header span.quick span.yoo-login span.logout{margin-top:10px; overflow:visible}
#header span.quick span.yoo-login span.logout span.logout-button-text, #header span.quick span.yoo-login span.logout span.logout-button-icon{margin-right:0px}
#header span.niftyquick span.yoo-login{}
#header span.niftyquick span.yoo-login span.login{width:268px; height:50px}
#header span.niftyquick span.yoo-login span.login span.login-button{margin-right:0px}
#header span.niftyquick span.yoo-login span.login span.lostpassword, #header span.niftyquick span.yoo-login span.login span.lostusername, #header span.niftyquick span.yoo-login span.login span.registration{margin-top:5px}
#header span.niftyquick span.yoo-login span.logout{margin-top:10px; overflow:visible}
#header span.niftyquick span.yoo-login span.logout span.logout-button{margin-right:0px}
#header span.niftyquick span.yoo-login span.login span.username input, #header span.niftyquick span.yoo-login span.login span.password input{width:95%; height:12px; background:#fff; border:1px solid #fff; overflow:hidden}
body.font-lucida, .font-lucida h1, .font-lucida h2, .font-lucida h3, .font-lucida h4, .font-lucida h5, .font-lucida h6{font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif}
body.font-georgia, .font-georgia h1, .font-georgia h2, .font-georgia h3, .font-georgia h4, .font-georgia h5, .font-georgia h6{font-family:Georgia,"Times New Roman",Times,serif}
body.font-trebuchet, .font-trebuchet h1, .font-trebuchet h2, .font-trebuchet h3, .font-trebuchet h4, .font-trebuchet h5, .font-trebuchet h6{font-family:"Trebuchet MS",Verdana,Arial,sans-serif}
#logo a.logo-icon{display:block; width:155px; height:50px; background:url(../../../images/yootheme/logo.png) 0 0 no-repeat}
.demoteaser{padding:0 30px 0 20px}
.demoteaser >img{float:left}
.demoteaser .text{text-align:right; text-shadow:0 1px 0 rgba(255,255,255,0.5); overflow:hidden}
#page .demoteaser h3.title{margin-top:30px; font-size:48px; line-height:48px; letter-spacing:1px}
.demoteaser h4.subtitle{margin-top:-5px; font-size:36px; line-height:36px}
#page.webfonts .demoteaser h3.title, .webfonts .demoteaser h4.subtitle{font-family:'Lobster'}
.font-lucida .demoteaser h4.subtitle{letter-spacing:-1px}
.demoteaser h4.subtitle span{color:#fff; text-shadow:0 0 7px rgba(0,0,0,0.2)}
.demoteaser .text >p{margin:40px 0 45px 0; color:#9b9da3; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; line-height:30px}
.demoteaser p span{color:#515256}
.iconbox{padding:20px; background:#fff; overflow:hidden; -moz-border-radius:7px; border-radius:7px}

/* CSS for News and News popup on home page */
.newscontainter {overflow:hidden;}
p.news{float:left; margin-bottom:15px; margin-top:8px;}
p.news span{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}

/* style for news popup */
div#overlay, div#overlay_custompopup{position:absolute;	top:0; left:0; width:100%; height:100%;	background:#000; opacity:0.5; filter:alpha(opacity = 50); z-index:99998;}
div#custom_popup {height:300px;	width:800px; left:250px; position:fixed; z-index:99998;	color:#000;}
div#custom_popup .close_button {cursor:pointer;	float:right; border:1px solid #333333; font-weight:bold; font-size:12px; text-align:center;	padding:0px;}
div#popup_wrap {border:8px solid #760000;padding:0px;overflow:hidden;background-color:#FDFBE9;}
div#button_wrap {float:right;text-align:center;padding:10px;}
div#news_head {text-align:center;font-size:14px;font-weight:bold;padding:14px;border-bottom:1px solid #333333;height:auto;background-color:#FDFBE9;}
div#news_body {padding:14px;height:350px;overflow-y:auto;background-color:#FDFBE9;}

/*Wall Photo*/
div#photo_popup {height:300px; width:800px;	left:250px;	position:fixed;	z-index:99998; color:#000;}
div#photo_popup .close_button {cursor:pointer; float:right;	border:1px solid #333333; font-weight:bold;	font-size:12px;	text-align:center; padding:0px;}
div#photo_popup_wrap {border:2px solid #000000;padding:0px;overflow:hidden;background-color:#F9F9F9;}
div#button_wrap {float:right;text-align:center;padding:10px;}
div#photo_body {padding:14px;height:400px;overflow-y:auto;background-color:#F9F9F9;}
/*End Wall Photo*/
.lesson_msg{color:#A70106; font-weight:bold; font-size:13px;}
.percentcls{font-size:16px;}

/* Next button css*/
.nextlessonbtn{background:url(../images/button_bg.png) 100% -66px no-repeat !important; height:22px !important; float:left !important; cursor:pointer !important; border:none !important; font:bold 10px Arial, Helvetica, sans-serif !important; color:#fff !important; padding:0 !important; margin:0 !important; margin-right:-6px !important; text-transform:uppercase!important}
.nextlessonbtn input {background:url(../images/button_bg.png) 0 0 no-repeat !important; height:22px !important; float:left !important; cursor:pointer !important; border:none; color:#fff; margin-right:6px; font-weight:bold;padding: 0 0 0 5px !important; width:120px!important;}

.heading_top_g{background:url(/images/headingbg_g.gif) 0 0 repeat-x; color:#000; font-family: 'neucha'; font-size:18px; height:39px;	line-height:39px; text-align:center;	margin-bottom:5px; margin-top:13px;}

/* Next button css ends here*/
.error{color:#FF0000;}
.notice{color:#FF0000;}
.sucess{color:#009900;}
#left .lessons_completed{padding:15px !important;}

/*Facebook Send Button*/
.invitdivprofl{margin-bottom:10px; padding-bottom:5px; z-index:1000; text-align:right; padding-right:4px;}
.invitdivprofl .invite_txt{color:#333333;font-weight:bold;text-align:right;}
.clr {clear:both; width:0; height:0; overflow:hidden}
.jflanguageselection {width:159px}
.invitdivprofl iframe {left:0}
/*END Facebook Send Button*/

/*Lesson sub Menu*/
.lessonsubmnu{min-height:10px !important; margin:30px 0px 15px 0px !important;}
body #community-wrap #cToolbarNav ul#community-toolbar li.toolbar-item a:hover {color:#666 !important;}
/*END*/
/* Flex component Css*/
.col1{width:99%;float:left;}
.col2{width:50%; float:left;}
.row1{background-color:#FAF7D6; color:#0055A5;}
.row2{color:#0055A5;}
.srchfrnt{float:right;font-size:12px; line-height:12px; margin:20px 0px 0px 0px;}

table.newtable{border-left:1px solid #E1E1E1; border-top:1px solid #E1E1E1;}
table.newtable tr.tbhead{text-align:center;color:#0055A5;}
table.newtable tr td{border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1;height:25px; padding-left:5px;}
table.newtable_brbtmnon tr td{border-bottom: none !important;}
table.newtable_brbtm tr td{border-bottom: 1px solid #E1E1E1 !important; padding:0px !important;}
table.newtable .sorimg img{ padding-left:5px;vertical-align:sub;}
table.calndtable{border:none;}
table.calndtable tr td{border:none;padding-left:0px;}

table.clrboxtbl tr td{border:none !important;}

.clrboxtbl #clrdiv{ height:8px; width:8px; border:1px solid;}

.flex_content{min-height:200px;}
.viewupdt{padding-left:15px; border:1px solid #E1E1E1;}
.viewupdt .boldtd{ font-weight:bold;}

.lessonactivity{border:5px solid #CC6600;font-weight: bold;height: 30px;padding-top: 6px;text-align: center;vertical-align: middle;width:95%;margin-bottom:3px;}
.activerwtd{border:5px solid #009900 !important; background-color:#E3E3E3}
.activitydtl{}
.orngtxt{ color:#F48000 !important; font-weight:bold;}
/*For Front End Pagenation*/
.pagination_ori {float: right;padding-right:2px}
.pagination_ori a{padding-left: 10px !important;}
.pagination_ori strong{	padding-left: 10px !important;}
.pagination_ori .limit {display: none !important;}
.pagination_ori .counter {display: none !important;}
/*End PAgenation*/

/* 19th April */
.groupDescription {/*width:750px*/}

/* 25th May 2012 */
.flex_menugrid {margin-right:-40px}
.flex_menugrid ul.actions {float:left; list-style:none;	margin:0 32px 0 0; padding:10px 0 0; width:285px; min-height:75px;}
/*.flex_menugrid ul.actions li {margin-bottom:5px; padding:5px 10px; background:#EAEAEA; text-align:center}
.flex_menugrid ul.actions li a {font-size:13px; font-weight:bold; color:#0055A5}*/
.flex_menugrid ul.actions li {margin-bottom:5px; padding:5px 1px/*10px*/; background:url("../images/image_sprite.png") no-repeat scroll 0 0 transparent/*#EAEAEA*/; text-align:center; overflow:hidden; /*border:1px solid #86bef2*/ width:298px;}
.flex_menugrid ul.actions li a {font-size:16px/*13px*/; font-weight:bold; color:#FFFFFF;/*#0055A5*/text-shadow:0 2px 2px #000000}
.flex_menugrid ul.actions li.red_button {background:url(../images/image_sprite.png) 0 -42px no-repeat}
/* 27th June */
.lesson_icon {background:url(../images/lesson_icon.png) 0 0 no-repeat; height:78px; width:77px; position:absolute; left:-23px; top:-25px; display:block}
.qa_icon {background:url(../images/que_icon.png) 0 0 no-repeat; height:62px; width:64px; position:absolute; left:-23px; top:-25px; display:block}

/* Copy This Class From (com_community/templates/blueface/css/style.css) for overwrite with (com_community/templates/dafault/css/style.css) this css 29th Jan 2013 By Akhi */
/* See all link style */
body #community-wrap div.see-all {border-bottom:solid 1px #eceff5; padding:2px;	text-align:right; font-size:90%; margin:0 0 10px;}

/* ****************************************************************************** * TinyMCE Fixes  */
body #community-wrap table.mceLayout {margin-bottom:10px;}
body #community-wrap table.mceLayout tr td {padding:0;}
body #community-wrap table.mceLayout tr.mceFirst td {padding-top:2px;}
body #community-wrap .defaultSkin .mceIframeContainer {border-right:1px solid #ccc;}
body #community-wrap .mceToolbar td,body #community-wrap table.mceLayout tr.mceLast td {padding:0;}
/*******For the survey toggle pop up on home page*******/
#contactFormContainer
		{
			position:fixed;
			right:-8px;
			bottom:59px;
			float:right;
			z-index:10001;
		}
#contactForm
            {
            	height:auto;
            	width:354px;
            	background:url(../images/main-bg.png) repeat-y right -60px;
            	display:block;
            }

 #contactForm .form-cont{ padding:2px 14px 6px 14px; overflow:hidden}  
			#contactForm .form-cont form{ background:#fff; border-radius:4px; padding:5px; margin:0}  
			#contactForm .form-cont form .control-group{
				padding:0 0 6px 31px;
			}
			#contactForm .form-cont form .control-group input[type="text"]{
				background-color: #ffffff;
				border: 1px solid #cccccc;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				border-radius: 4px;
				padding: 4px 6px;
				height:18px;
				color:#555;
				display:block;
				margin:0;
				width:302px;
			}
			#contactForm .form-cont form .control-group input[type="text"]:focus, #contactForm .form-cont form .control-group textarea:focus{
				 border-color: rgba(82, 168, 236, 0.8);
    			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
				 outline: 0 none;
				 
			}
			#contactForm .form-cont form .control-group select:focus{
				
			outline: thin dotted #333333;
			outline-offset: -2px;}
			#contactForm .form-cont form .control-group select{
				border: 1px solid #cccccc;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				border-radius: 4px;
				padding: 4px 4px 4px 2px;
				height:28px;
				color:#555;
				margin:0;
				width:316px;
			}
			#contactForm .form-cont form .control-group textarea{
				resize:none;
				width:100%;
				padding: 4px 6px;
				border: 1px solid #cccccc;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				border-radius: 4px; margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px; width:302px;}
			#contactForm .form-cont form .control-group select .first-option{ display:none}
            #contactForm .form-cont form .control-group .submit-btn{
				height:33px;
            	width:118px;
            	background:url(../images/submit.png) no-repeat 0 0;
				text-indent:-9999;
				outline:none;
				border:0;
				cursor:pointer;
				display:inline-block
			}
			#contactForm .form-cont form .control-group .reset-btn{
				height:33px;
            	width:129px;
            	background:url(../images/reset.png) no-repeat 0 0;
				text-indent:-9999;
				outline:none;
				border:0;
				cursor:pointer;
				display:inline-block;
				overflow:hidden
			}
			#contactForm .form-cont form .control-group .error-message{ padding:2px; 
			color: #b94a48;
			background-color: #f2dede;
			border:1px solid #eed3d7;
			border-top:0;
			font-size:11px; border-radius:0 0 3px 3px; margin:0 4px; display:block;
			overflow:
			}
            #contactLink
            {
            	height:36px;
            	width:347px;
            	background:url(../images/sliding-up.png) no-repeat right top;
            	display:block;
            	cursor:pointer;
            }
			 #contactLink.openbox{background:url(../images/sliding-up-active.png) no-repeat right top;}
			 
			 /*For Page Not Found*/

			.content #errorboxoutline 
			{
			 width  : 600px;
			 margin  : 0px;
			 padding : 0px;
			 text-align : center;
			 margin  : 80px  0 0px 130px;
			 font-size : 30px;
			}
			
			.content .jfdefaulttext {display:none;}