/*** WEBSITE: Queensland Water Infrastructure
	 AUTHOR: Sommer Hayes
	 CREATED: 31/05/2007 
	 COMMENTS: Condensed Stylesheet for Queensland Water Infrastructure Skin  *****************************************************
    SKIN LAYOUT STYLES
*****************************************************  */#bodyDiv{width:99%;height:100%;text-align:center;background-color:#fff;margin:0;padding:0}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{text-align:left}
#header{width:100%;height:115px;background:url(headerBg.jpg) repeat-x}
#branding{height:115px;float:left;background:url(headerBg.gif) repeat-x top right}
#tagline{float:right}
#menu{width:214px;clear:both;background:#0163A2}
#menuImage{clear:both}
#contentWrap{width:98%;float:left;text-align:left;margin:30px 10px}
#contentWrapInner{width:98%;float:left;text-align:left;margin:10px 10px 30px}
.contentPane{padding-left:30px;padding-right:60px;text-align:left}
.rightPane{width:214px}
#footer{clear:both;border-top:1px solid #0163A2;line-height:2em;font-size:12px;text-align:center;color:#333}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{font-size:12px;color:#333;text-decoration:none}
#footer a:hover{text-decoration:underline}
#businessDetails h1{background:url(qldWaterDroplett.gif) left no-repeat;padding-left:15px;padding-top:0;margin-top:15px}
h2.grouphead{color:#0163a2 !important;font-size:12px;clear:both;border:1px solid #8DC53E;background:#E7F2D7 url(empSrchTitleBg.gif) repeat-x bottom left;width:100%;margin:20px 0 0}

/******************************************************
    DIGICON CLEAN CSS VERTICAL MENU STYLES              
******************************************************/
/***  VERTICAL CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.vmenu,.vmenu ul{margin:0;padding:0;border:0;list-style-type:none;display:block}
.vmenu,.vmenu ul{zoom:1}
.vmenu li{margin:0;padding:0;border:0;display:block;position:relative;z-index:5}
.vmenu li{float:left;width:100%}
.vmenu li{}
.vmenu li:hover{z-index:10000;white-space:normal}
.vmenu li.menuHover{z-index:10000}
.vmenu .menuHoverUL{visibility:visible;left:100%}

/***  VERTICAL CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.vmenu{text-align:left}
.vmenu ul li{}
.vmenu,.vmenu ul li {color:#fff}
.vmenu{width:214px}

/* Top Level Menu Items */
.vmenu a,.vmenu a:link,.vmenu a:active,.vmenu a:visited{text-decoration:none;color:#fff!important;display:block;padding:5px 10px;font-size:14px;display:block}
.vmenu li.active{background:#6E6F71}
.vmenu a:hover,.vmenu .menuHoverA{background:#6E6F71;color:#fff!important}
.vmenu a:hover,.vmenu li:hover>a,.vmenu .menuHoverA,.vmenu li:hover>a,.vmenu .menuHoverA{background:#6E6F71;color:#fff!important}
.vmenu li{background:#0066A4;border-top:1px solid #0175C2;border-bottom:1px solid #014F83}

/* Drop Down Menu Items */
.vmenu ul li{width:194px}
ul.vmenu ul a,ul.vmenu ul a:link,ul.vmenu ul a:active,ul.vmenu ul a:visited{text-decoration:none;color:#fff!important;padding:5px 10px;font-size:13px;display:block}
ul.vmenu ul li.active{color:#fff}

ul.vmenu ul a:hover,.vmenu ul a:hover,.vmenu ul a:link:hover,.vmenu ul a:link:hover,.vmenu ul .menuHoverA{background:#6E6F71;color:#fff!important}
.vmenu .menuHoverUL .menuHoverUL,.vmenu li li:hover>ul,.vmenu li:hover>ul,.vmenu .menuHoverUL{top:0px;left:100%}

/***  VERTICAL CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.vmenu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.vmenu li:hover>ul{visibility:visible;left:100%}
.vmenu:after,.vmenu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.vmenu,.vmenu ul{min-height:0}
.vmenu ul{background-image:url(empty.gif);padding:30px 30px 30px 10px;margin:-31px 0 0 -10px}

/******************************************************
    CONTAINER STYLES
*****************************************************  */.container{width:100%}
.containerContent{padding:0}
.greencontainer{background:url(../../Containers/greenHeader/qlinkHeader.jpg) no-repeat;width:217px}
.greencontainer h2{color:#fff;padding-left:20px;height:25px;margin:0}
.greencontainerContent{background:url(qlinkBg.jpg) top left repeat-y}
.signIn{margin-left:5px}
.imageContainer{background:url(../../Containers/imageContainer/qlinkHeader.jpg) no-repeat;width:217px;margin-top:30px}
.imageContainer h2{color:#fff;padding-left:10px;line-height:1.5em;margin:0}
.LatestNewsContainer .LatestNews{background-color:#f5f5f5;margin-bottom:10px;padding:5px}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
*****************************************************  */html{height:auto;background:#fff}
body{background:#FFF;height:100%;margin:0;padding:0}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td{font-family:"Arial", arial, verdana, helvetica;font-size:13px;color:#666;font-weight:400;line-height:1.5em}
/* text style used for rende#FF0000 text which should appear disabled   */.NormalDisabled{color:#D3D3D3}
/* style of item titles on edit and admin pages   */.SubHead{color:#444;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700;text-align:left}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules   */.SubSubHead{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700;color:#000}
/* text style used for rende#FF0000 text which requires emphasis   */.NormalBold{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700}
/* text style used for error messages   */.Normal#FF0000{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:700;color:red}
/* 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:"Lucinda Sans",verdana, helvetica;color:#0163A2;font-weight:400;font-size:12px;margin:0 0 10px;padding:0}
h1{font-size:15px;font-weight:700}
h2,.head,h2 span.head,.container h2 span.head{font-size:15px;font-weight:700}
h3,h3 span.SubHead,.newstitle{font-size:14px;font-weight:700}
h4{font-size:13px;font-weight:700}
h5,DT{font-size:13px;font-weight:700;color:#717075}
h6{font-size:12px;font-style:italic}
p{margin:5px 0 15px}
ul{margin:0 0 10px 25px}
ul li{margin-left:5px;list-style-image:url(bullet.gif);padding:0}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
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:dimgrey;height:1pt;text-align:left}
img{border:0;margin:0;padding:0}
/* link styles   */a,a:link,a:active,a:visited{color:#0163A2;text-decoration:underline;margin:0;padding:0}
a:hover{text-decoration:none;color:#0163A2}
blockquote{font-size:15px;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:Lucida Console, monospace;color:#434343;font-weight:400;font-size:11px}
address{font-family:Arial, Verdana, Helvetica;color:#434343;font-weight:400;font-size:11px;font-style:italic}
/******************************************************
    FORM STYLES              
*****************************************************  Generic Form Element classes   */.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 HTML buttons   */.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{width:0;overflow:visible;font-weight:400;font-size:11px;background:#8B8B8B url(button_bg.gif) repeat-x top left;color:#FFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;cursor:pointer;clear:both;height:14px;border:1px solid #333;white-space:nowrap;margin:0;padding:3px 8px}
input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
/* Non IE browsers read this   */a:hover.CommandButton,input:hover.StandardButton{color:#E0E0E0}
/* 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:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
/*Dropdown Boxes  */select{font-size:10px}
/* Requi#FF0000 Fields   */span.mandatory{color:#334692;font-weight:700}
/******************************************************
    GENERAL STYLES
*****************************************************  */.floatLeft{float:left}
.floatRight{float:right}
# .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
*****************************************************
DNN STYLES (Some of these we try to avoid,but are still used in some modules; Some we are unsure of what they do)
***************************************************** What exactly does this style?? */
.SkinObject{font-weight:700;font-size:8.5pt;color:#036;font-family:Tahoma, Arial, Helvetica;text-decoration:none}
A.SkinObject:link{text-decoration:none;color:#036}
A.SkinObject:visited{text-decoration:none;color:#036}
A.SkinObject:active{text-decoration:none;color:#036}
A.SkinObject:hover{text-decoration:none;color:#036}
/* styles used by Data Grids   */.DataGrid_AlternatingItem{background-color:#fff;color:red;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
.DataGrid_Container{background-color:Transparent}
.DataGrid_Footer{background-color:#fff}
.DataGrid_Header{background-color:Transparent;color:#000;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:700;text-align:center}
.DataGrid_Item{background-color:Transparent;color:#000;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
.DataGrid_SelectedItem{background-color:#D3D3D3;color:Blue;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
/* text style used for help text rende#FF0000 by modules   */.Help{border:#000 1px solid;font-weight:400;font-size:11px;color:#000;font-family:Tahoma, Arial, Helvetica;background-color:#ff9;padding:2px}
SMALL{font-size:8px}
BIG{font-size:14px}
/******************************************************
    DIGICON QUICK LINK STYLES
*****************************************************  */.QuickLink{background:url(qlinkBg.jpg) repeat-y;width:217px}
.QuickLink h3 a,.QuickLink h3 a:link,.QuickLink h3 a:active,.QuickLink h3 a:visited{font-size:13px;text-decoration:none;line-height:1em;vertical-align:middle}
.QuickLink h3 a:hover{text-decoration:underline}
.QuickLink p{line-height:1em;margin:0}
/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
*****************************************************  */#Highlight_SubHead{color:#230C69;background-color:#DEE4F2;font-family:Arial;font-size:14px;font-weight:700;height:20px;padding:2px}
#Highlight{border:solid 1px #230C69}
/******************************************************
    OPT IN MODULE STYLES
*****************************************************  */.GridText{color:#fff}
tr.HeaderRowStyle{background-color:#7F7F7F}
tr.HeaderRowAlternate{background-color:#0F4791}
td.HeaderStyle{color:#fff;font-weight:700}
th.HeaderStyle{color:#fff;font-weight:700}
/******************************************************
    SIMPLE GALLERY FANCY POP UP MODULE STYLES
*****************************************************  */#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../../../../DesktopModules/SimpleGallery/Images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../../../../DesktopModules/SimpleGallery/Images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../../../../DesktopModules/SimpleGallery/Images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;margin:0 auto}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#666;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px}
.thumbs{text-align:center;width:140px}
/******************************************************
    BREADCRUMB MODULE STYLES
*****************************************************  */.breadcrumbWording{margin-left:245px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#0163A2;text-decoration:none;line-height:2em}
#breadcrumb{height:30px}
.breadcrumb{color:#0163A2;font-size:11px;line-height:2em}
.breadcrumb a,.breadcrumb a:link,.breadcrumb a:active,.breadcrumb a:visited{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#555;text-decoration:none;line-height:2em}
.breadcrumb a:hover{text-decoration:underline;color:#0163A2}
/******************************************************
    SIDE MENU MODULE STYLES
*****************************************************  */.inventua_sidemenu{width:214px}
/* Top Level   */.MenuHdr0,.MenuHdrMouseOver0,.MenuItem0,.MenuItemMouseOver0{font-size:13px;padding-left:10px;font-weight:700;cursor:default;background:url(leftMenuHeader.jpg) no-repeat;border-bottom:1px solid #D2D2D2;height:28px;color:#333;margin:0}
.MenuHdr0 A,.MenuHdr0 A:Active,.MenuHdr0 A:Hover,.MenuHdr0 A:Visited,.MenuHdr0 A:Link,.MenuHdrMouseOver0 A,.MenuHdrMouseOver0 A:Active,.MenuHdrMouseOver0 A:Hover,.MenuHdrMouseOver0 A:Visited,.MenuHdrMouseOver0 A:Link .MenuItem0 A,.MenuItem0 A:Active,.MenuItem0 A:Hover,.MenuItem0 A:Visited,.MenuItem0 A:Link,.MenuItemMouseOver0 A,.MenuItemMouseOver0 A:Active,.MenuItemMouseOver0 A:Hover,.MenuItemMouseOver0 A:Visited,.MenuItemMouseOver0 A:Link{text-decoration:none;cursor:pointer;color:#333;font-weight:700}
.MenuHdr0 A:Hover,.MenuHdrMouseOver0 A:Hover,.MenuItem0 A:Hover,.MenuItemMouseOver0 A:Hover{color:#0163A2}
span.CurrentItem0{font-weight:400;color:#0163A2}
.MenuItemMouseOver0,.MenuHdrMouseOver0{background:#FFF !important}
/* Second Level   */.MenuItem1,.MenuHdrMouseOver1,.MenuItemMouseOver1,.MenuHdr1{font-size:12px;padding-left:10px;font-weight:400;cursor:default;background:#f4f4f4;border-bottom:1px solid #D2D2D2;border-top:1px solid #fff;height:23px;color:#333;margin:0}
.MenuHdr1 A,.MenuHdr1 A:Active,.MenuHdr1 A:Hover,.MenuHdr1 A:Visited,.MenuHdr1 A:Link,.MenuHdrMouseOver1 A,.MenuHdrMouseOver1 A:Active,.MenuHdrMouseOver1 A:Hover,.MenuHdrMouseOver1 A:Visited,.MenuHdrMouseOver1 A:Link .MenuItem1 A,.MenuItem1 A:Active,.MenuItem1 A:Hover,.MenuItem1 A:Visited,.MenuItem1 A:Link,.MenuItemMouseOver1 A,.MenuItemMouseOver1 A:Active,.MenuItemMouseOver1 A:Hover,.MenuItemMouseOver1 A:Visited,.MenuItemMouseOver1 A:Link{text-decoration:none;font-weight:400;cursor:pointer;color:#333}
.MenuHdr1 A:Hover,.MenuHdrMouseOver1 A:Hover,.MenuItem1 A:Hover,.MenuItemMouseOver1 A:Hover{color:#0163A2}
span.CurrentItem1{font-weight:700;color:#fff;background:#0163A2;padding:0 10px}
.MenuItemMouseOver1,.MenuHdrMouseOver1{background:#FFF !important}
/* Third Level   */.MenuItem2,.MenuHdrMouseOver2,.MenuItemMouseOver2,.MenuHdr2{font-size:12px;padding-left:20px;font-weight:400;cursor:default;background:#f4f4f4;border-bottom:1px solid #D2D2D2;border-top:1px solid #fff;color:#333;height:23px;margin:0}
.MenuHdr2 A,.MenuHdr2 A:Active,.MenuHdr2 A:Hover,.MenuHdr2 A:Visited,.MenuHdr2 A:Link,.MenuHdrMouseOver2 A,.MenuHdrMouseOver2 A:Active,.MenuHdrMouseOver2 A:Hover,.MenuHdrMouseOver2 A:Visited,.MenuHdrMouseOver2 A:Link,.MenuItem2 A,.MenuItem2 A:Hover,.MenuItem2 A:Active,.MenuItem2 A:Visited,.MenuItem2 A:Link,.MenuItemMouseOver2 A,.MenuItemMouseOver2 A:Active,.MenuItemMouseOver2 A:Hover,.MenuItemMouseOver2 A:Visited,.MenuItemMouseOver2 A:Link{text-decoration:none;font-weight:400;cursor:pointer;color:#333}
.MenuHdr2 A:Hover,.MenuHdrMouseOver2 A:Hover,.MenuItem2 A:Hover,.MenuItemMouseOver2 A:Hover{color:#005996}
span.CurrentItem2{font-weight:700;color:#0163A2}
.MenuItemMouseOver2,.MenuHdrMouseOver2{background:#FFF !important}
/* Forth Level   */.MenuItem3,.MenuHdrMouseOver3,.MenuItemMouseOver3,.MenuHdr3{font-size:10px;padding-left:20px;font-weight:400;cursor:default;background:#FFF;border-bottom:0 solid #C69B66;height:23px;color:#333;margin:0}
.MenuHdr3 A,.MenuHdr3 A:Active,.MenuHdr3 A:Hover,.MenuHdr3 A:Visited,.MenuHdr3 A:Link,.MenuHdrMouseOver3 A,.MenuHdrMouseOver3 A:Active,.MenuHdrMouseOver3 A:Hover,.MenuHdrMouseOver3 A:Visited,.MenuHdrMouseOver3 A:Link .MenuItem3 A,.MenuItem3 A:Active,.MenuItem3 A:Hover,.MenuItem3 A:Visited,.MenuItem3 A:Link,.MenuItemMouseOver3 A,.MenuItemMouseOver3 A:Active,.MenuItemMouseOver3 A:Hover,.MenuItemMouseOver3 A:Visited,.MenuItemMouseOver3 A:Link{text-decoration:none;font-weight:400;cursor:pointer;color:#333}
.MenuHdr3 A:Hover,.MenuHdrMouseOver3 A:Hover,.MenuItem3 A:Hover,.MenuItemMouseOver3 A:Hover{color:#005996}
span.CurrentItem3{font-weight:400;color:#005996}
.MenuItemMouseOver3,.MenuHdrMouseOver3{background:#FFF !important}
/* Fifth Level   */.MenuItem4,.MenuHdrMouseOver4,.MenuItemMouseOver4,.MenuHdr4{font-size:10px;padding-left:25px;font-weight:400;cursor:default;background:#FFF;border-bottom:0 solid #C69B66;height:23px;color:#333;margin:0}
.MenuHdr4 A,.MenuHdr4 A:Active,.MenuHdr4 A:Hover,.MenuHdr4 A:Visited,.MenuHdr4 A:Link,.MenuHdrMouseOver4 A,.MenuHdrMouseOver4 A:Active,.MenuHdrMouseOver4 A:Hover,.MenuHdrMouseOver4 A:Visited,.MenuHdrMouseOver4 A:Link .MenuItem4 A,.MenuItem4 A:Active,.MenuItem4 A:Hover,.MenuItem4 A:Visited,.MenuItem4 A:Link,.MenuItemMouseOver4 A,.MenuItemMouseOver4 A:Active,.MenuItemMouseOver4 A:Hover,.MenuItemMouseOver4 A:Visited,.MenuItemMouseOver4 A:Link{text-decoration:none;font-weight:400;cursor:pointer;color:#333}
.MenuHdr4 A:Hover,.MenuHdrMouseOver4 A:Hover,.MenuItem4 A:Hover,.MenuItemMouseOver4 A:Hover{color:#005996}
span.CurrentItem4{font-weight:400;color:#005996}
.MenuItemMouseOver4,.MenuHdrMouseOver4{background:#FFF !important}
/******************************************************
    DOCUMENT MODULE STYLES
*****************************************************  */.documentStyle{background:#f5f5f5;font-weight:700}
.documents TD{vertical-align:top;border:1px thin #f5f5f5;padding:5px}
.DescriptionHeader{font-weight:700}
.rssFeed{margin-top:10px;background:#F5F5F5;width:100%;padding:10px}
/******************************************************
   Employee Register FORM STYLES              
*****************************************************  Generic Form Element classes   */.education .experience .label{font-weight:400 !important}
.education .experience input{width:20px}
html>/**/body .education .labelDetails div{padding-left:120px}
.education .label{text-align:left !important}
.education .experience{margin-left:0;margin-right:0;padding-left:0}
#EmployeeRegistration{width:1000px}
#EmployeeRegistration h4{clear:both}
.RegistrationForm .formError{float:left;clear:both;padding-left:7%;text-align:right}
#EmployeeRegistration input,#EmployeeRegistration textarea,#EmployeeRegistration select{width:175px}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlPersonalDetails_chkTerms{text-align:right;width:18px;margin-left:210px}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlPersonalDetails_txtEmail{float:left}
html>/**/body #EmployeeRegistration .NormalRed div,html>/**/body #EmployeeRegistration .NormalRed input{margin-left:5px;float:left;margin-top:10px}
.ButtonGroup{margin-left:100px;clear:both;padding-top:20px}
#EmployeeRegistration .formInput{width:150px;height:18px;border:1px solid #CCC}
#EmployeeRegistration .formItem{clear:both;margin-bottom:10px;padding-left:15%}
.formRightPanel .formItem{padding-left:0}
#EmployeeRegistration .label{clear:both;float:left;width:200px;text-align:right;padding-right:10px;font-weight:700}
#EmployeeRegistration sup{color:Red}
#EmployeeRegistration .labelVerify{clear:both;float:left;width:170px;text-align:right;padding-right:10px}
#EmployeeRegistration .labelDetails{width:690px;float:right;clear:both}
html>/**/body #EmployeeRegistration .labelDetails{width:730px;float:none;clear:none}
#EmployeeRegistration .labelDetails td input,#EmployeeRegistration .checkboxDetail td input{width:15px;margin-right:5px}
#EmployeeRegistration .labelDetails #dnn_ctr573_ViewEmployeeRegistration_ctlEmploymentHistory_grdEmpHistory td input{width:85px}
#EmployeeRegistration table,#EmployeeRegistration td,#EmployeeRegistration tbody{border:1px solid #FFF}
#EmployeeRegistration .labelDetails p{margin:2px 7px}
#EmployeeRegistration .labelText{float:left;width:340px;padding-left:20px}
html>/**/body #EmployeeRegistration .labelText{float:right;padding-left:0}
#EmployeeRegistration .checkboxformItem{clear:both;margin-bottom:5px}
#EmployeeRegistration .checkboxformItem input{/*width:15px*/}
#EmployeeRegistration .checkboxformItem #dnn_ctr573_ViewEmployeeRegistration_ctlQualifications_txtOtherTicket,#EmployeeRegistration .checkboxformItem #dnn_ctr573_ViewEmployeeRegistration_ctlQualifications_txtOtherQualification,#EmployeeRegistration .checkboxformItem #dnn_ctr573_ViewEmployeeRegistration_ctlQualifications_txtLicenceType,#EmployeeRegistration .checkboxformItem #dnn_ctr573_ViewEmployeeRegistration_ctlQualifications_txtAddCert{width:120px}
#EmployeeRegistration .checkboxformItem .checkboxLabel input{margin-left:20px}
#EmployeeRegistration .checkboxLabel{float:left;width:240px;text-align:left;padding-right:10px;font-weight:700}
html>/**/body #EmployeeRegistration .checkboxLabel{width:240px}
#EmployeeRegistration .checkboxDetail{width:50px;clear:both;float:right}
html>/**/body #EmployeeRegistration .checkboxDetail{width:50px;clear:none}
#EmployeeRegistration .accessToTransport{width:300px}
#EmployeeRegistration .accessToTransportDetail{float:left}
#EmployeeRegistration .checkboxDetail input{width:100px}
.interest .checkboxDetail{width:300px;float:left !important;clear:none !important}
.interest .checkboxLabel{width:300px;clear:both !important}
#EmployeeRegistration .formBottomPanel .checkboxDetail{width:100px;clear:none;float:left}
html>/**/body #EmployeeRegistration .formBottomPanel .checkboxDetail{width:100px;clear:none}
#EmployeeRegistration .formRightPanel{float:right;width:45%}
#EmployeeRegistration .formLeftPanel{float:left;width:45%}
#EmployeeRegistration #dnn_ctr575_ViewUserSearch_btnBack{float:left;width:95px}
#EmployeeRegistration #dnn_ctr575_ViewUserSearch_btnSearch{float:right;width:95px}
#EmployeeRegistration .formBottomPanel{width:750px}
html>/**/body #EmployeeRegistration .formBottomPanel{width:650px}
#EmployeeRegistration #termsAndConditions{height:110px;overflow:scroll;width:510px;border:1px solid #A5ACB2;padding:3px}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlEmploymentDetails_cblCategories{width:400px}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlAreaofInterest_cblAreas{width:400px}
#EmployeeRegistration .previousEmployment{clear:both;width:400px}
#EmployeeRegistration .previousEmploymentDetails{clear:none;float:left !important;margin-left:25px;width:800px}
#EmployeeRegistration .previousEmploymentDetails td input{width:120px}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlEmploymentHistory_grdEmpHistory__ctl3_txtAddPosition,#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlEmploymentHistory_grdEmpHistory__ctl3_txtAddEmployer{width:200px}
.employmentHistory{width:800px}
.employmentHistory .formItem{padding-left:8%}
.qualifications{width:600px}
.qualifications .formRightPanel{width:150px}
.qualifications .formRightPanel .checkboxLabel{width:125px}
.qualifications .formRightPanel .checkboxDetail #dnn_ctr573_ViewEmployeeRegistration_ctlQualifications_chkDriversLicense{width:18px}
.qualifications .formBottomPanel .checkboxDetailInput{float:left;width:300px}
.qualifications .formBottomPanel .certificates{float:left !important;margin-left:211px}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlEducation_txtAddCourse,#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlEducation_txtAddTertiary{width:200px}
#EmployeeRegistration .additionalInfoDetails{clear:both;float:left !important;margin-left:8px;margin-top:5px;width:800px}
#EmployeeRegistration .additionalInfoDetails textarea{width:450px;height:250px}
#EmployeeRegistration .additionalInfo{width:550px;clear:both}
#EmployeeRegistration #dnn_ctr573_ViewEmployeeRegistration_ctlAdditionalInfo_pnlWordCount{float:left;clear:both;margin-left:20px}
/*Dropdown Boxes  */#EmployeeRegistration select{font-size:14px;width:180px}
.checkboxDetail td label{text-align:justify}
.helpTxt{font-weight:400;font-size:11px}
.listedItems{border:1px solid #8DC53E;background:#e7f2d7;float:left;padding:5px}
.listedItems table,.listedItems td,.listedItems th,.listedItems tr{border:1px solid #e7f2d7 !important}
.checkboxDetailInput input{width:120px}
.EmployeeRegisterTextOther input{margin-left:280px;margin-top:-25px}
.businessDetails .formItem .label,.businessDetails .checkboxformItem .checkboxLabel{width:28%;margin-right:5%}
.businessDetails .formItem .labelDetails,.businessDetails .checkboxformItem .checkboxDetail{width:65%;text-align:left}
.businessDetails .formContent{display:block;width:100%;float:left;border:1px solid #8DC53E;background:#E7F2D7;margin-bottom:10px}
.businessDetails .formItem{float:left;clear:both;display:block;width:100%}
#personalDetails,#employmentDetails,#areasOfInterest,#employmentHistory,#qualifications,#education,#additionalInfo{width:100%;display:block;clear:both}
.businessDetails input{clear:both}
.businessDetails .checkboxformItem{clear:both}
.businessDetails .checkboxformItem .checkboxLabel{float:left}
.businessDetails .checkboxformItem .checkboxDetail{float:right}