@charset "utf-8";/*** WEBSITE:Digicon 4.9.2 Skin
	 AUTHOR:David Pollitt
	 CREATED:28/02/2009
	 COMMENTS:For use with Digicon DNN 4.9.2 */

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES
******************************************************/
html{height:auto;background:#fff;font-size:100.01%;margin:0;padding:0}
body{background:#fff;height:auto;font-size:62.5%}
body,ul li,ol li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject,input,textarea{font-family:arial,helvetica;color:#666;font-weight:400;line-height:1.5em;margin:0;padding:0}
.Normal,label,.Head,.SubHead,.SubSubHead,.NormalBold,.NormalRed{font-size:1.1em; font-family:arial,helvetica; margin-left:3px}
.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:arial,helvetica;color:#888;margin:0;padding:0;margin-bottom:10px;font-weight:400;line-height:normal}
h1{color:#B3B6B8;
font-family:"century gothic",arial,verdana,helvetica;
font-size:24px;
font-weight:700;}
html>/**/body h1{letter-spacing:-0.05em}
h2,.head,h2 span.Head,.container h2 span.Head{font-size:16px;color:#238ECE;font-weight:bold;font-family:"century gothic",arial,verdana,helvetica }
h3,h3 span.SubHead{font-size:16px;font-weight:700; font-family:"century gothic",arial,verdana,helvetica}
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}
p{margin:5px 0 15px;font-size:1.1em}
ul,ol{font-size:1.2em;margin:15px 0;padding:0}
ul li{margin:0 0 0 25px;padding:0;list-style-type:disc}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
ol li{margin:0 0 0 25px;padding:0}
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:#eaebeb;height:1px;text-align:left;border:1px solid #eaebeb;border-bottom:0}
img{border:0}
strong,b{font-weight:700}
em,i{font-style:italic}
table{border-collapse:separate;border-spacing:0}
td{vertical-align:top}
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,textarea{color:#777}
input:focus,textarea:focus{color:#333}
textarea{font-size:1.2em}
blockquote,q{quotes:"" ""}
/* link styles */
a, a:link,a:active,a:visited{color:#238ECE;text-decoration:none;padding:0;margin:0}
a:hover{text-decoration:none;color:#0c6faa}
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv{width:100%;height:100%;text-align:center;padding:0;margin:0;background:#fff url(images/headerbg.gif) top left repeat-x}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{width:835px;margin:0 auto;text-align:left;background:url(images/headerSwooshBG.gif) top right no-repeat;display:inline-block}
#logo{width:195px;float:right; margin-top:5px}
#menu{width:530px;margin-top:18px;float:left}
#contentArea{width:100%;display:inline-block;padding:0px 0 50px}
#enclose{width:758px;float:left}
.leftPanel{width:180px;padding:0px 10px;float:left}
.contentPanel{width:460px;float:left;padding:0px}
.inner .contentPanel{width:380px}
.inner .ContentPanelFull{width:620px;float:right} /*ContentPanelFull cannot display on home page. functionality disabled.*/
.admin .contentPanel{width:940px;float:left;padding:10px}
.rightPanel{width:225px;padding:0px;float:right}
.home .rightPanel{width:284px;padding:0px;float:right; margin-top:40px}
#footerWrap{width:100%;background:#e3e9ed;float:left;position:fixed;bottom:0px;left:0px;z-index:1}
#footer{clear:both;width:835px;text-align:right;color:#666;padding:5px 7px;font-size:1.1em;margin:0px auto}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{}
#footer a:hover{}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu,.menu ul,.menu li{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0}
.menu li{float:left;position:relative;z-index:5;white-space:normal}
.menu li:hover,.menu li.menuHover{z-index:10000;white-space:normal}
.menu .menuHoverUL{visibility:visible;top:100%;left:0}
.menu .menuHoverUL .menuHoverUL{top:0;left:100%}
.menu li li{float:none}
.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}
.menu li li{float:left;width:100%;margin-top:0}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu{font-size:1.4em;text-transform:lowercase}
.menu,.menu ul li{color:#fff}
.menu ul li{text-align:left;width:150px;font-size:0.9eml}
.menu ul{width:150px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";opacity:.95;filter:alpha(opacity=95)}
/* menu Borders */
.menu li{}
.menu li li{border:1px solid #5C6164}
.menu ul>li + li{border-top:0}
/* Top Level Menu Items */
.menu li{}
.menu a,.menu a:link,.menu a:active,.menu a:visited{text-decoration:none;color:#fff;padding:5px 15px;border-top:2px solid #8f9394}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA{padding:5px 15px;color:#c9cacb;background:#74797b;color:#fff;border-top:2px solid #74797b;}
.menu:hover{}
.menu li.active,.menu li.active a{background:#fff;color:#1c1f21;border:1px solid #4a4c4e;border-bottom:0}
.menu li.active a{}
.menu li.active:hover>a{border:1px solid #4a4c4e;border-bottom:1px solid #fff;padding-bottom:4px}
/* Drop Down Menu Items */
.menu ul li{background:#545759;font-size:12px;border-top:0px}
.menu ul li a,.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited{text-decoration:none;color:#fff;padding:2px 5px;background:none;border-top:0px}
.menu ul .menuHoverA,.menu ul li a:hover,.menu ul li a:link:hover,.menu li.active li a:hover{background:#757778;padding:2px 5px;border-top:0px}
.menu ul li.active,.menu ul li.active a{background:#494b4c}
.menu ul li.active:hover>a{background:#494b4c;border-top:0px;border-bottom:0px;padding:2px 5px}
/* 3rd Level Drop Down Menu Items */
.menu ul li li, .menu ul li ul{display:none}
.menu ul li.active ul li a{display:none}
/***  CLEAN MENU FIXES - DON'T TOUCH THESE STYLES  ***/
.menu:after,.menu ul:after,.menu ul ul:after,.menu ul ul ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.menu ul{background:url(images/empty.gif);padding:1px 30px 30px;margin:-1px 0 0 -30px}
.menu ul ul{padding:10px 30px 30px 10px;margin:-11px 0 0 -10px}
/*** 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*/{}
/******************************************************
    DIGICON CLEAN CSS VERTICAL vmenu STYLES              
******************************************************/
#vmenuWrap{padding-top:9px;background:url(images/Digicon_VMenuTop.gif) top left no-repeat}
#vmenu{background:url(images/Digicon_VMenuRpt.gif) top left repeat-y}
/***  VERTICAL CLEAN vmenu FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.vmenu,.vmenu ul,.vmenu li{margin:0;padding:0;border:0;list-style-type:none;display:block}
.vmenu li{position:relative;z-index:5;float:left;width:100%}
.vmenu li:hover,.vmenu li.vmenuHover{z-index:10000;white-space:normal}
.vmenu .vmenuHoverUL{visibility:visible;left:100%}
.vmenu a,.vmenu a:link,.vmenu a:active,.vmenu a:visited,.vmenu a:hover{display:block}
/***  VERTICAL CLEAN vmenu DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
/* Any selectors with > will NOT be read by IE6 */
.vmenu{font-size:1.2em;width:180px;padding:0px 0px 9px 2px;background:url(images/Digicon_VMenuBtm.gif) bottom left no-repeat}
.vmenu ul li{font-size:0.9em}
/* vmenu Borders */
.vmenu li{}
.vmenu>li + li{border-top:0}
.vmenu li li{border:0}
.vmenu ul>li + li{}
.vmenu li ul{padding-left:10px!important}
/* Top Level vmenu Items */
.vmenu li{background:none;width:174px}
.vmenu a,.vmenu a:link,.vmenu a:active,.vmenu a:visited,.vmenu a:hover{text-decoration:none;color:#5c6164;padding:5px 10px;width:154px}
.vmenu a:hover{background:#e3e4e4}
.vmenu li.active{background:#fff}
.vmenu li.active a{color:#a72b2e}
/* 2nd Level vmenu Items */
.vmenu li li{background:url(images/Digicon_VMenuSubW.gif) top left no-repeat;font-size:11px;width:164px}
.vmenu li li a,.vmenu li li a:link,.vmenu li li a:active,.vmenu li li a:visited,.vmenu li li a:hover{text-decoration:none;color:#5c6164;padding:2px 5px 2px 20px!important;width:140px!important}
.vmenu li li a:hover,.vmenu li li a:link:hover{background:#e9e9e9 url(images/Digicon_VMenuSubG.gif) top left no-repeat}
.vmenu li li:hover>a,.vmenu li li.active,.vmenu li li.active:hover>a{background:#e9e9e9 url(images/Digicon_VMenuSubG.gif) top left no-repeat}
.vmenu li li.active a{color:#a72b2e}
/* 3rd Level vmenu Items 
.vmenu li li li a,.vmenu li li li a:link,.vmenu li li li a:active,.vmenu li li li a:visited,.vmenu li li li a:hover{padding:2px 5px 2px 30px!important;width:145px!important}*/
/***  VERTICAL CLEAN vmenu FIXES - DON'T TOUCH THESE STYLES  ***/
.vmenu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.vmenu ul.activeList,.vmenu li.active ul{visibility:visible;display:block!important;position:static;margin:0;padding:0}
.vmenu .vmenuHoverUL .vmenuHoverUL,.vmenu li li:hover>ul,.vmenu li:hover>ul,.vmenu .vmenuHoverUL{display:none}
/*--float.clear--force containment of floated LIs inside of UL*/
.vmenu:after,.vmenu ul:after,.vmenu ul ul:after,.vmenu ul ul ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.vmenu,.vmenu ul{min-height:0}
/*--float.clear.END--*/
.xc47,.xc7{display:block!important}/* Forces the Admin and Host sub-vmenus to always display as you can't click on the Admin and Host tabs */
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{width:100%}
.containerContent{padding:0}
/******************************************************
    FORM STYLES
******************************************************/
.formInput{width:150px;height:18px;border:1px solid #ccc}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.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-family:arial;font-size:11px;padding:4px 10px;overflow:visible;background:#E3E9ED repeat-x top left;color:#238ECE;cursor:pointer;clear:both;border:2px solid #A5C5DB;white-space:nowrap;line-height:1.7em;margin:4px}
input#dnn_ctr_Login_Login_DNN_cmdLogin{font-size:1em}
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,a:hover.StandardButton{color:#238ECE;background:#A5C5DB}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-family:arial,helvetica;margin:1px 0}
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}
.LoginPanel img{display:none}
.contact td{padding:10px 5px; text-align:left}
.contact table{border:#E3E9ED 2px solid;background:#f5f7f9}
.webEnquiry td{padding:10px 5px}
table.webEnquiry{background:#F2F2F2;border:2px solid #e9eaea;}
.webEnquiry input.NormalTextBox,.webEnquiry textarea,.webEnquiry select{border:2px solid #DDD;padding:5px}
.webEnquiry .SubHead{color:#666666;display:block;text-align:right;padding:8px 0px 0px}
.webEnquiry2 .SubHead{text-align:left}
.webEnquiry tr{border-bottom:1px dotted #bbb}
.webEnquiry tr td tr{border:0}
/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE6 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
/******************************************************
    DNN STYLES - Data Grids
******************************************************/
.DataGrid_AlternatingItem{background:#fff;color:#f00}
.DataGrid_Container{background:transparent;font-size:1.1em}
.DataGrid_Footer{background:#fff}
.DataGrid_Header{background:transparent;color:#000;font-weight:700;text-align:center}
.DataGrid_Item{background:transparent;color:#000}
.DataGrid_SelectedItem{background:#d3d3d3;color:#218ac1}
SMALL{font-size:0.8em}
BIG{font-size:1.4em}
/******************************************************
    SEARCH
******************************************************/
.search{background:url(images/searchBG.gif) top left no-repeat;width:255px;padding:5px 15px;position:absolute;top:120px}
.search .NormalTextBox{float:left;height:22px;border:0px;width:220px;padding-top:3px}
.search a{margin-top:-5px}
.search img{margin-top:-3px}
.searchResult{margin:5px 0;padding:5px;overflow:hidden;background:#eee;display:block;width:100%}
.SearchResultPaging a{padding:2px;background:#eee;border:1px solid #ccc;margin:0 1px}
/******************************************************
    BREADCRUMB TRAIL
******************************************************/
#breadCrumbs{padding:5px 0px;text-align:right;float:right;width:100%}
/******************************************************
    Development Process styling
******************************************************/
.developmentProcess{background:url(images/DevelopmentProcess_mid.gif) top left repeat-y;width:291px;margin:0 auto;color:#fff;font-family:"Century Gothic", verdana, arial, sans-serif;text-align:center}
.developmentProcess h2{color:#000;background:url(images/DevelopmentProcess_top.gif) top center no-repeat;text-align:center;font-size:16px;margin:0 0 15px 0;padding:15px 0}
.developmentProcess a,.developmentProcess a:link,.developmentProcess a:active,.developmentProcess a:visited{color:#fff;text-decoration:none;padding:3px 10px; }
.developmentProcess a:hover{background:#666;text-shadow:1px 1px 3px #000;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.developmentProcess p{font-size:13px;margin-left:1px;margin:5px 0;color:#fff; height:20px}
.developmentProcess .approval{background:url(images/approval.png) no-repeat top left;padding:0;margin:0;height:36px;width:130px;margin:0 auto;text-indent:}
.developmentProcess .completion{background:url(images/completion.png) no-repeat top left;padding:0;margin:0;height:52px;width:291px;text-indent:}
.developmentProcess span {display:none;}

.developmentProcess .aa:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left; 
}
.developmentProcess .ab:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ac:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ad:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-10px;left:200px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ae:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .af:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ag:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ah:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-10px;left:200px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ai:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .aj:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ak:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .al:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-10px;left:200px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .am:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .an:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-40px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
.developmentProcess .ao:hover span {display:block!important;font-size:11px;padding:10px 10px 10px 35px;position:relative;top:-30px;left:280px;width:255px;background:url(images/process_pop.png) no-repeat top left;color:#454444; min-height:100px;text-align:left;
}
/******************************************************
    FCK EDITOR FIX
******************************************************/
.FCKLinkGalleryContainer .Normal,.FCKLinkGalleryContainer label,.FCKLinkGalleryContainer .Head,.FCKLinkGalleryContainer .SubHead,.FCKLinkGalleryContainer .SubSubHead,.FCKLinkGalleryContainer .NormalBold,.FCKLinkGalleryContainer .NormalRed{font-size:1em!important}
.FCKLinkGalleryContainer .StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.StandardButton,.FCKLinkGalleryContainer a:link.StandardButton,.FCKLinkGalleryContainer a:active.StandardButton,.FCKLinkGalleryContainer a:visited.StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.CommandButton,.FCKLinkGalleryContainer a:link.CommandButton,.FCKLinkGalleryContainer a:active.CommandButton,.FCKLinkGalleryContainer a:visited.CommandButton{font-size:1em!important}

.ask{background:#f2f2f2;padding:8px 0px; margin:0px 0px 10px 0px; text-align:left}
.ask td{padding:3px 8px;text-align:left}
.ask .NormalTextBox{width:200px}