@charset "utf-8";
/*** WEBSITE:Digicon 4.9.2 Skin
	 AUTHOR:Maggie Fok
	 CREATED:9/03/2009
	 COMMENTS:For use with Digicon DNN 4.9.2 
/*****************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */
html{height:auto;font-size:100.01%;margin:0;padding:0}
body{background:#254d8d url(images/background.jpg) no-repeat bottom left;height:100%;font-size:62.5%;min-height:93em}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject,input{font-family:Arial,verdana;color:#000;font-weight:400;line-height:1.5em;margin:0;padding:0}
.Normal,label,.Head,.SubHead,.SubSubHead,.NormalBold,.NormalRed{font-size:1.1em}
.NormalDisabled{color:#D3D3D3}
.SubHead{color:#444;font-weight:700;text-align:left}
.SubSubHead{font-weight:700;color:#000}
.NormalBold{font-weight:700}
.NormalRed{font-weight:700;color:#880000 !important}

/* heading styles  */
h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:"Helvetica",arial,verdana;margin:0;padding:0;margin-bottom:10px;text-transform:uppercase;color:#286fb6;font-weight:400;line-height:110%}
h1{font-size:3em;padding-top:0.3em}
.home h1{font-size:1.5em}
h2,.head,h2 span.Head,.container h2 span.Head{font-size:1.8em;color:#ff7a00}
h3,h3 span.SubHead{font-size:1.4em;margin-bottom:0}
h4{font-size:1.4em;font-weight:700}
h5,DT{font-size:1.2em;font-weight:700}
h6{font-style:italic;font-size:1.2em}
ul{font-size:1.1em;padding:0;margin:0}
p{margin:5px 0 15px;font-size:1.1em}
ul li{margin:0 0 0 15px;padding:0;list-style-type:none;background:transparent url(images/bullet_tick_white.gif) no-repeat left 0.3em;padding-left:18px;color:#000}
ol li{list-style-type:decimal}
ol ol li{list-style-type:lower-alpha}
ol ol ol li{list-style-type:lower-roman}
hr{color:#999;height:1px;text-align:left}
img{border:0;margin:0;padding:0}

/* link styles  */
a,a:link,a:active,a:visited{color:#254d8d;text-decoration:none;padding:0;margin:0}
a:hover{text-decoration:none;color:#f93}
blockquote{font-size:0.9em;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:"Lucida Console",monospace;color:#434343;font-size:0.9em}
address{color:#434343;font-size:0.9em;font-style:italic}
input{color:#333}

/******************************************************
    SKIN LAYOUT STYLES
***************************************************** */
#bodyDiv{width:100%;text-align:center;padding:0}
#frame{width:958px;margin:0 auto;text-align:left}
#header a{float:left;margin-top:10px}
#header .menu a{margin:0}
#branding{float:right;width:80%;margin-bottom:10px}
#branding span{float:right}
#branding span.phone{color:#fff;font-size:1.8em;font-weight:700;margin-right:5px;margin-top:20px;float:right}
#branding span.services{background:transparent url(images/services_bg.gif) no-repeat bottom left;display:block;width:88px;height:50px;text-indent:-999em;margin-right:18px}
.headerFlashPanel{width:380px;height:48px;background:transparent url(images/flash_content_bg.gif) no-repeat top left;float:left}
.headerFlashPanel h2{display:none}
.headerFlashPanel .container{clear:none}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
*******************************************************/
/* CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES */
#menuDesign{width:100%;background:transparent url(images/menu_bg_left.gif) repeat-y top left;float:right}
#contentArea{width:100%;float:left;background:transparent url(images/content_bg_top.png) no-repeat top left}
.bottom{background:transparent url(images/content_bg_bottom.png) no-repeat top left;height:30px;width:100%;clear:both}
.top{background:transparent url(images/content_bg.png) repeat-y top left;float:left;padding:5px 0 0 5px;margin:18px 0 0 0;overflow:hidden;width:957px}
*html .top{width:953px}
.leftPanel{width:228px;float:left;border:0 none;margin-left:10px !important;margin-left:5px;margin-top:-8px;border:none!important}
.contentPanel{width:460px;float:left;border:0 none;margin:-8px 0 0 10px !important;margin:-8px 0 0;border:none!important;float:left}
.contentPanel ul{margin-bottom:1em}
.rightPanel{width:228px;float:right;border:0 none;margin-right:10px !important;margin-right:3px;margin-top:-8px;border:none!important;float:right}
#footer{clear:both;width:948px;text-align:left;color:#000;padding:5px 7px;font-size:1.2em}
html>body #footer{width:946px}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{color:#000}
#footer a:hover{color:#f93}

/*IE 6 png background override  */
*html #contentArea{background:transparent url(images/transparent.gif) no-repeat top left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Portals/0/Skins/Fruition/images/content_bg_top.png", sizingMethod='crop')}
*html .bottom{background:transparent url(images/transparent.gif) no-repeat bottom left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Portals/0/Skins/Fruition/images/content_bg_bottom.png", sizingMethod="crop")}
* html .top{background:transparent url(images/transparent.gif) repeat-y top left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Portals/0/Skins/Fruition/images/content_bg.png", sizingMethod="scale")}
*html .top a,*html .top input, *html .top textarea{position:relative}

/* Fluid-height template structure styles  */
.fluid-height .top{height:auto;overflow:auto}

/* Admin template Structure Styles  */
.admin .top{width:100%}
.admin .singlePanel{width:97%;margin:0;padding:0 10px}
.menu,.menu ul{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0}
.menu li{margin:0;padding:0;;border:0;display:block;float:left;position:relative;z-index:5;white-space:normal}
.menu li:hover{z-index:10000;white-space:normal}
.menu li.menuHover{z-index:10000}
.menu .menuHoverUL{visibility:visible;top:100%;left:0}
.menu .menuHoverUL .menuHoverUL{top:0;left:100%}
.menu li li{float:left;width:100%;margin-top:0}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.menu li:hover>ul{visibility:visible;top:100%}
.menu li li:hover>ul{top:0;left:100%}
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:link:hover,.menu li.active{display:block;position:relative}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ** */
#menu{float:right;width:749px;padding-left:14px;background:transparent url(images/menu_bg_right.gif) repeat-y top right}
.menu{font-size:1.3em;float:left;width:97%;background:transparent url(images/menu_bg.gif) repeat top left}
.menu,.menu ul li{color:#fff}
ul.menu li{background:transparent;border-left:1px solid #fff}

/* Top Level Menu Items  */
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:hover,.menu a:link:hover,.menu li.active{text-decoration:none;color:#fff;padding:12px 10px;height:20px;text-transform:uppercase}
.menu > li:first-child{border-left:none;padding-left:20px}
.menu a:hover,.menu a:link:hover,.menu li:hover>a,.menu .menuHoverA{color:#fff;background:#777 url(images/menu_active_bg.gif) repeat-x top left}

/* Drop Down Menu Items  */
ul.menu ul{border:1px solid #fff;float:left;width:150px}
ul.menu ul a,ul.menu ul a:link,ul.menu ul a:active,ul.menu ul a:visited,ul.menu ul a:hover,ul.menu ul a:link:hover,ul.menu ul li.active{text-decoration:none;color:#fff;padding:0.3em 3%;font-size:0.8em;width:94%;height:auto;background:#38a5dd;line-height:1.2em}
ul.menu ul li a:hover,ul.menu ul li a:link:hover,ul.menu ul li li:hover>a,.menu ul a:hover,.menu ul a:link:hover,.menu ul .menuHoverA{background:#2380c3 url(images/submenu_hover_bg.gif) repeat-x top left;color:#fff;margin-right:1px}
.menu li li:hover>ul /*position of 2nd+ submenus,overlapping*/{top:-1px;left:100%}

/***  CLEAN MENU FIXES - DON'T TOUCH THESE STYLES  ** */
.menu:after,.menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.menu ul ul{padding:30px 30px 30px 10px;margin:-11px 0 0 -10px}
html>/**/body .menu ul ul{margin-top:-10px}
* html .menu ul ul{margin-top:-30px}
#menu ul li ul li ul{display:none!important} /*HIDE THE THIRD LEVEL MENU 'CAUSE IT'S UGLY*/
/*** MENU SPECIAL STYLES - DELETE THESE IF NOT BEING USED **  special colouring for first menu item on each level  .menu>li:first-child>a,.menu li + li + li li:first-child>a{color:#567} */

/*****************************************************
    CONTAINER STYLES
***************************************************** */
.container{width:100%;clear:both}
.containerContent{padding:0}
.container{margin-bottom:7px}
.blueContainer a{color:#fff}
.blueContainer{background:#fff url(images/container_bottom.gif) no-repeat bottom left;color:#fff;float:left;width:100%}
h2.blueContainerHeader{background:#fff url(images/container_top.gif) no-repeat top left;color:#fff;text-transform:uppercase;font-size:1.4em;padding:12px 20px 7px;margin:0;font-weight:normal}
.blueContainer strong{color:#fff;text-transform:uppercase;font-weight:400;font-size:1.2em}
.blueContainer p{color:#fff;padding:0 20px;margin-bottom:0}
/*.innerPage .leftPanel .container p{margin-bottom:15px}*/
.leftPanel .container ul,.blueContainer ul{padding:0 0 0 15px;margin-left:0}
.leftPanel .container ul li,.blueContainer ul li{color:#fff;margin:0;background-image:url(images/bullet_tick.gif)}
.leftPanel .actions{background:#fff}

/******************************************************
    FORM STYLES              
***************************************************** */
.formInput{width:150px;height:1.5em;border:1px solid #ccc;font-size:1.2em;padding:2px}
.formItem{clear:both}
.label{clear:both;width:140px;padding-right:10px;font-weight:700;color:#2765aa;display:block}
.labelDetails{width:390px}
.labelDetails p{margin:0 0 7px}

/* button style for standard buttons  */.StandardButton,input.StandardButton,a.StandardButton,a:link.StandardButton,a:active.StandardButton,a:visited.StandardButton,input.StandardButton,a.CommandButton,a:link.CommandButton,a:active.CommandButton,a:visited.CommandButton{font-size:1.2em;padding:5px 8px;width:0;overflow:visible;background:#26579a;color:#FFF;margin:0;cursor:pointer;clear:both;border:0 none;white-space:nowrap}
input#dnn_ctr_Login_Login_DNN_cmdLogin{font-size:1em;height:20px}
input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
a:hover.CommandButton,input:hover.StandardButton{color:#E0E0E0}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility  */
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
span.mandatory{color:#334692;font-weight:700}
.form  input.formInput{width:300px}
.form td{padding-bottom:1em}
.form textarea{width:300px;border:1px solid #ccc}
.form .checkboxList{float:left}
.form .checkboxList input{margin:0 3px 0 0}
*html .form .checboxList input{margin:0}
.form .checkboxList label{margin:3px 10px 0 0}
.form select.formInput{height:auto}
.form select,.form input,.form label{float:left;text-align:left}
.form a.CommandButton{float:left;margin-left:150px}
.form span.normal{margin-left:150px;float:left}
.form h2{float:left;margin-top:1em}

fieldset{border:0 none;margin:0;padding:0}
fieldset legend{font-size:1.4em;text-transform:uppercase;font-family:Helvetica, Arial, serif;color:#286fb6;padding:0;margin:0 0 1em 0}
fieldset ul{width:100%;float:left}
fieldset ul li{background-image:none;float:left;padding:0;margin:0 20px 0 0}
fieldset ul li label{margin-left:5px;cursor:pointer}

/******************************************************
    GENERAL STYLES
***************************************************** */
.floatLeft{float:left}
.floatRight{float:right}
.clearboth{clear:both}
/* styles to mimic auto height of div elements as per IE6  */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
/* font styles  */.helvetica_17{font-size:1.6em}
.helvetica_20{font-size:1.2em}
.helvetica_36{font-size:3.1em;line-height:0;display:block;text-align:right}
.uppercase{text-transform:uppercase}
/* Hides from IE-mac \ */* html .clearfix{height:1%}
/* End hide from IE-mac */

/*****************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.leftPanel .quickLinksContainer{background:#fff url(images/inner_submenu_bg.gif) no-repeat bottom left;padding-bottom:10px}
.leftPanel .quickLinksContainer .containerContent table{margin:5px 0 0 7px;width:93.5%}
.QuickLink{padding:0}
.QuickLink h3{margin:0;padding:10px}
.QuickLink img{float:left;padding-right:3px}
.QuickLink p{margin:0;padding-top:10px}
.QuickLink a:link,.QuickLink a:visited{color:#fff;text-transform:uppercase;font-size:1.3em;padding:0.3em 0 0.3em 20px;display:block;background:transparent}
.QuickLink a:hover{background:#2380c3 url(images/inner_submenu_hover.gif) repeat-x top left}

/******************************************************
    Custom Module Style
***************************************************** */
.leftPanel .container p.parenting_book{padding:0;float:left;margin:0 0 0 10px;width:100% !important;width:98%}
p.parenting_book strong{position:absolute;padding:5px 15px !important;padding:5px 0}
p.parenting_book img{float:right;margin-bottom:7px;margin-right:18px !important;margin-right:23px}
a.btn_out_now,a.btn_out_now:link,a.btn_out_now:visited{background:transparent url(images/btn_outnow.gif) no-repeat top left;text-indent:-999em;outline:none;display:block;width:65px;height:64px;margin-top:3.5em;position:absolute}
a.btn_learn_how,a.btn_learn_how:link,a.btn_learn_how:visited{background-image:url(images/btn_learn_how.gif);text-indent:-999em;outline:none;display:block;width:63px;height:63px;float:right;margin-right:10px}
a.btn_start_now,a.btn_start_now:link,a.btn_start_now:visited{background-image:url(images/btn_start_now.gif);text-indent:-999em;outline:none;display:block;width:63px;height:63px;margin-right:4px}
.innerPage a.btn_start_now,.innerPage a.btn_start_now:link,.innerPage a.btn_start_now:visited{margin-bottom:10px}

/* Content Medial Panel  */
div.media_panel{background:transparent url(images/media_panel_bottom_bg.gif) no-repeat bottom left;height:1%}
div.media_panel div.inner{background:transparent url(images/media_panel_top_bg.gif) no-repeat top left;padding:6px}
div.media_panel p{margin:0}

/* Search module styles  */
div.search{background:transparent url(images/search_bg.gif) no-repeat top left;padding:15px 10px}
div.search h2{text-indent:-999em;height:0}
div.search input.NormalTextBox{background:transparent url(images/search_input_bg.gif) no-repeat top left;height:18px;border:0 none;padding:4px 5px;width:131px;float:left}
div.search .NormalRed{float:left;clear:both;width:100%}
.search_results table td{vertical-align:top;padding-bottom:1.5em;font-size:1.2em}
.search_results span.SubHead{color:#f93;font-size:1.6em;padding-right:20px}
.search_results a.CommandButton,.search_results a:link.CommandButton,.search_results a:active.CommandButton,.search_results a:visited.CommandButton{background:transparent;color:#0267cc;border:0 none;padding:0;font-style:italic;font-size:0.9em}
.search_results a.CommandButton:hover{color:#f93}

/*Post it Node Module styles  */
div.postit{background:transparent url(images/postit_bg.jpg) no-repeat top left;height:213px;overflow:hidden;padding:25px 32px 0px 10px;margin-left:10px}
div.postit h2{color:#f93;font-size:2.9em;text-transform:uppercase;font-weight:400;line-height:0.9em;margin:0px}
div.postit h2 span{font-weight:700}
div.postit p{margin:0;color:#286fb6;line-height:1.2em}
div.postit a:link,div.postit a:visited{text-align:center;margin-top:10px;color:#000;width:100%;float:left}
*html .postit h3,*html .postit h2{display:inline-block}

/* Tutition Link  */
a.btn_tutition,a.btn_tutition:link,a.btn_tutition:visited{background:transparent url(images/btn_center_search.gif) no-repeat top left;display:block;width:219px;height:48px;text-indent:-999em}

/* News Module Settings */.news{background:transparent url(images/news_bg_bottom.gif) no-repeat bottom left;float:left;padding:0 18px 20px;width:205px}
.news h2{background:transparent url(images/news_header_bg.gif) no-repeat top left !important;color:#fff!important;font-size:1.3em;padding:10px 20px 5px!important;margin:0 -18px!important}
.news a:link,.news a:visited{color:#06c;text-decoration:underline;float:left;font-size:1.1em;padding-top:5px!important}
.news strong a:link,.news strong a:visited{text-transform:uppercase;color:#06c;font-weight:400;font-size:1em;text-decoration:none;padding:0;float:left;padding:5px 0 0 0;clear:both}
.news .DNN_News_ItemDate{display:none}
.news p{clear:both;margin:0;font-size:1em;color:#000!important;padding:0 10px 0 0 !important}
*html .news p{font-size:1em}
.news p img{float:left;margin-right:5px}

/* RSS Feed settings */
.DNN_News_ItemLink{padding:0 10px}
.DNN_News_ItemDetails{padding:0 10px}

/* Google Maps Module */
.googlemap ul.sidebar li{background-image:none;padding-left:0;float:left;width:30%}

/* special UL for to make 2 columns */
.cols2{ margin-bottom:10px}
.cols2 li{display:inline-block;width:180px}

.blueContainer .DNN_News_ItemDetails{margin-bottom:20px}
.blueContainer .DNN_News_ItemLink a:link,.blueContainer .DNN_News_ItemLink a:visited,.blueContainer .DNN_News_ItemLink a:active{color:#fff}
.DNN_News_ItemLink a:hover{color:#f93!important}