body
{
  background-color: #89C765;
  font-size: .75em;
  font-family: Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #696969;
  overflow: hidden;
}


#fadeleft {
width: 27px;
background-image: url('../content/images/GreenFadeLeft.png');
height: 110px;
display: inline-block;
position: relative;
}

#logo {
width: 350px;
display: inline-block;
position: absolute;
background-color: white;
height: 110px;
}

#logo img {
position: relative;
left: 20px;
}

.logo2 {
background-color: #89C765;
display: inline-block;
width: 99%;
height: 100px;
vertical-align: top;
float: right;
margin: 5px;
}

#postcontent {
height: 15px;
background-image: url('../content/images/GreenFadeDown.png');
}


#precontent {
height: 15px;
/*background-image: url('../content/images/GreenFadeUp.png');*/
position: relative;
}
div#title {
display: inline-block;
text-align: left;
/*width: 773px;
height: 110px;*/
background-color: #A6CE39;
position: absolute;
top: -10px;
min-width: 200px;
}

#mainblock {
height: 700px;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
}

#sidemenu {
width: 15%;
background-color: #e8eef4;
height: 100%;
position: absolute;
}

#menucontainer {
height: 38px;
background-color: #707070;
}



a.btn, a.pL, a.pLL, a.pR, a.pRR {
  color: #FFF;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4 {
    font-size: 1.1em;
    margin-bottom: 3px;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
  /*width: 1000px;*/
  margin: 5px;
  background-color: #FFFFFF;
}

#header {
height: 110px;
 max-height: 110px; 
}

#header h1 {
font-weight: bold;
padding: 5px 0;
margin: 0;
color: white;
border: none;
line-height: 2em;
font-family: Arial, Helvetica, sans-serif;
font-size: 32px !important;
}

#main
{
  height: 100%;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
position: relative;
}

#footer
{
border-width: 8px;
border-color: white;
color: #FFF;
padding: 0px 0;
text-align: center;
line-height: normal;
margin: 0;
font-size: .9em;
height: 50px;
background-color: #A6CE39;
bottom: 0px;
position: absolute;
width: 100%;
}

/* TAB MENU   
----------------------------------------------------------*/

.pagemenu > a {
display: inline-block;
width: 100px;
height: 25px;
text-align: center;
alignment-baseline: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #123d54;
padding: 8px 2px 0px 2px;
background: -moz-linear-gradient( top, #ffffff 0%, #b8b8b8);
background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#b8b8b8));
-moz-border-radius: 6px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
border: 1px solid #000;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
text-shadow: 0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3);
color: #000;
}

.pagemenu > a:hover 
{
background: -moz-linear-gradient( top, #ffffff 0%, #89C765);
background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#89C765));
}
#menucontainer > ul > li {
display: inline-block;
}

#menucontainer > ul {
padding-left: 5px;
margin: 0px 0px 0px 0px;
padding-top: 1px;
display: inline-block;
}

.pagesubmenu.showmenu {
position: absolute;
}   
.pagesubmenu.showmenu {
position: absolute;
background-color: #DDD;
border: solid 1px #444;
padding: 0px 0px 0px 0px;
z-index: 9999;
}
.pagesubmenu.showmenu li
{
    list-style:none;
}
.pagesubmenu.showmenu li {
    list-style: none;
    border-bottom: solid 1px #AAA;
}

.pagesubmenu.showmenu li a {
    padding: 4px 4px 4px 4px;
    background-color: #DDD;
    width: 150px;
    display: inline-block;
    color: #000;
}
.pagesubmenu.showmenu li a:hover
{
     background-color: #89C765;
}

#title span p {
color: white;
font-size: 1.5em;
}






/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}



input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
    background-color: #EFE;
}


textarea {
background-color: #EFE;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
    background-color: #EFE;
}


input.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}


/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
padding: 6px 1px;
text-align: left;
background-color: #e8eef4;
border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}




#logindisplay
{
   font-size: 1.1em;
display: inline-block;
text-align: right;
margin: 10px;
color: white;
float: right;
position: relative;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
color: #ff0000;
background-color: #EEE;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


 .form legend.with-menu, .form legend.menu-opener, .mini-menu.with-menu, .mini-menu.menu-opener {
padding-right: 2.25em;
}
.with-menu, .menu-opener {
padding-right: 1.75em;
position: relative;
}
 .button:hover
 {
     background-size: 100% 100%;
     background: #C5D7C5 url('../Content/images/button-bg-on.png') repeat-x top;
    background: -moz-linear-gradient( top, #F6F6F6, #C5D7C5 );
    background: -webkit-gradient( linear, left top, left bottom, from(#F6F6F6), to(#C5D7C5) );
    cursor: pointer;
     }
.button {
color: #666;
background: #DFDFDF url('../Content/images/button-bg.png') repeat-x top;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background: -moz-linear-gradient( top, #F6F6F6, #DFDFDF );
background: -webkit-gradient( linear, left top, left bottom, from(#F6F6F6), to(#DFDFDF) );
   cursor: pointer;
}
.button {
display: inline-block;
}
.button, .form legend, .legend, .mini-menu {
/*line-height: 0.9em;*/
padding: 0.167em 0.5em 0.25em;
border: 1px solid white;
-moz-border-radius: 0.417em;
-webkit-border-radius: 0.417em;
-webkit-background-clip: padding-box;
border-radius: 0.417em;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
text-decoration: none;
font-weight: normal;
-moz-text-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;
outline: 0;
}

h2:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, hr:last-child {
margin-bottom: 0;
}
p, ul, ol, dl, .with-margin {
margin-bottom: 1.667em;
}

.gridmenu 
{
    width:80px;
   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 20px;
	background: url('../content/images/menu-open-arrow.png') 80px no-repeat; 
	 background-color: #89c765;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #134201;
	-moz-box-shadow:
		2px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		2px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	box-shadow:
		2px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}

.gridmenu a {
    color: #FFFFFF;
}
.gridmenu .gridsubmenu a {
color: #FFFFFF;
display: inline-block;
width: 190px;
margin: 0px 0px 0px 0px;
height: 24px;
padding: 5px 0px 5px 10px;
}


.gridmenu .gridsubmenu a:hover 
{
    background-color:rgb(210, 255, 203);
     color: #000;
}
.gridmenu , .gridsubmenu
{
    background-color: #89c765;
      
}

.gridsubmenu
{
    width:200px;
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 0px;
	 background-color: #89c765;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #134201;
	-moz-box-shadow:
		2px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		2px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	box-shadow:
		2px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);

    padding-left:0px;		
}
.gridsubmenu ul 
{
    padding-left: 0px;
    margin-top: 0px;
    }
    
    
.gridsubmenu ul li {
list-style-type: none !important;
display: block;
border-bottom: solid 1px #888;

}






.menu ul li:hover {
z-index: 999912;
background-color: silver;
}
.menu .icon_edit {
background-image: url(../Content/images/icons/pencil.png);
}
.menu .icon_list {
background-image: url(../Content/images/icons/application-table.png);
}
.menu .icon_delete 
{
background-image: url(../Content/images/icons/cross-circle.png);

}

.menu ul li {
position: relative;
z-index: 999911;
padding: 0.333em 0.833em 0.417em 35px;
margin: 0;
color: #999;
-moz-text-shadow: 1px 1px 0 white;
-webkit-text-shadow: 1px 1px 0 white;
text-shadow: 1px 1px 0 white;
background-repeat: no-repeat;
background-position: 5px 3px;
} 

.menu ul li:hover > a {
background: #4D4D4D;
color: white;
}
.menu ul li a {
display: block;
margin: -0.333em -0.833em -0.417em -9px;
padding: 0.333em 0.833em 0.417em 9px;
color: #1E343F;
-moz-text-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;
}
a {
color: #39C;
text-decoration: none;
}
a {
text-decoration: none;
}
ol, ul {
}


ul.controls-buttons li.controls-block, ul.controls-buttons li a, div.controls-buttons > div, div.controls-buttons > span, div.controls-buttons > a {
display: block;
color: #333;
min-width: 1.083em;
padding: 0.333em 0.5em;
text-align: center;
border: 1px solid white;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-webkit-background-clip: padding-box;
border-radius: 0.5em;
background: #E7E7E7 url(../images/old-browsers-bg/controls-bt-bg.png) repeat-x top;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background: -moz-linear-gradient( top, #F8F8F8, #E7E7E7 );
background: -webkit-gradient( linear, left top, left bottom, from(#F8F8F8), to(#E7E7E7) );
-moz-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
}
ul.controls-buttons li, div.controls-buttons > div, div.controls-buttons > span, div.controls-buttons > a {
display: block;
float: left;
margin: -1px 0 -1px 0.5em;
line-height: 1.333em;
padding: 0.333em 0.25em;
}

div.controls-buttons > div > div:first-child, div.controls-buttons > div > span:first-child, div.controls-buttons > div > a:first-child {
-moz-border-radius-topleft: 0.417em;
-moz-border-radius-bottomleft: 0.417em;
-webkit-border-top-left-radius: 0.417em;
-webkit-border-bottom-left-radius: 0.417em;
-webkit-background-clip: padding-box;
border-top-left-radius: 0.417em;
border-bottom-left-radius: 0.417em;
}
div.controls-buttons > div div:first-child, div.controls-buttons > div span:first-child, div.controls-buttons > div a:first-child {
margin-left: -0.5em;
}
div.controls-buttons > div .control-first {
background-image: url(../Content/images/control-double-180.png);
}
div.controls-buttons > div .control-prev {
background-image: url(../Content/images/control-180.png);
}
div.controls-buttons > div .control-next {
background-image: url(../Content/images/control.png);
}
div.controls-buttons > div .control-last {
background-image: url(../Content/images/control-double.png);
}




div.controls-buttons > div .control-first, div.controls-buttons > div .control-prev, div.controls-buttons > div .control-next, div.controls-buttons > div .control-last {
min-width: auto;
width: 16px;
overflow: hidden;
text-indent: 100px;
background-repeat: no-repeat;
background-position: center;
}
div.controls-buttons > div div, div.controls-buttons > div span, div.controls-buttons > div a {
color: #333;
display: block;
height: 1.333em;
line-height: 1.333em;
float: left;
min-width: 1.083em;
padding: 0.0em 0.5em 0.5em;
margin: -0.04em 0;
text-align: center;
text-transform: uppercase;
}

a {
color: #39C;
text-decoration: none;
}

.sub-hover a:hover {
  background-color: #DDD;
}
.footL
{
width: 40%;
text-align: left;
bottom: 50px;
position: absolute;
background-color:White;
padding: 5px 5px 5px 5px;
}


.footR {
width: 40%;
text-align: right;
bottom: 50px;
position: absolute;
left: 59%;
background-color:White;
padding: 5px 5px 5px 5px;

}

.Tick
{
    background-image: url('images/icons/tick-circle.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
}

.Warning
{
    background-image: url('images/icons/exclamation-diamond.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
}

.UserSelectButton 
{
      background-image: url('images/icons/users.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
    display: inline-block;
    }



.DatePickerBtn 
{
      background-image: url('images/icons/calendar-day.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
    }


#UC_date 
{
    position: absolute;
    display: inline-block;
    font-size: 10px;
    background: #fcfdfd url(../Content/css/start/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    border: 1px solid #000;
    color: #222222;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 2px 2px 2px;
}
#UC_date table td, #UC_date table th
{
    padding: 1px;
    text-align: center;
}
#UC_date table thead tr th a {
    padding: 0px 2px 0px 2px;
}

#UC_date table tbody tr td a {
    display: inline-block;
    height: 16px;
    width: 32px;
    text-align:center;
    vertical-align:middle;
}
.dm a {
    color: #CCC;
}

.we a
{
    background-color:#DDD;
    color:White;
 }
.cd a 
{
    background-color: #6eac2c;
    color: White;
}
#UC_date table tbody a:hover 
{
  background-color: #0078ae;
    color: white;
}
.UC_py:hover, .UC_ny:hover, .UC_pm:hover, .UC_nm:hover, .UC_c:hover, .UC_td:hover 
{
    background-color: #CCC;
}
.UC_py 
{
     background-image: url('images/icons/control-double-180.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
    display:inline-block;
}

.UC_pm 
{
    background-image: url('images/icons/control-180.png');
background-repeat: no-repeat;
background-position: left center;
height: 16px;
width: 16px;
display: inline-block;
background-size: 14px 14px;
position: relative;
top: 0px;

}

.UC_ny 
{
     background-image: url('images/icons/control-double.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
    display:inline-block;

}

.UC_nm 
{
     background-image: url('images/icons/control.png');
background-repeat: no-repeat;
background-position: left center;
height: 16px;
width: 16px;
display: inline-block;
background-size: 14px 14px;
position: relative;
top: 0px;

}


.UC_td{
display: inline-block;
height: 16px;    
    }

.UC_c
{
    background-image: url('images/icons/cross-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
     display:inline-block;
    }
    
.column-sort 
{
display: inline-block;
float: left;
position: relative;
margin: 2px -12px 0px 0px;
}
.sorting .column-sort .sort-down, .sorting_asc .column-sort .sort-down
{
    background-image: url('images/icons/sort_down.png');
}    
.sorting_desc .column-sort .sort-down
{
    background-image: url('images/icons/sort_down_on.png');
}    
.sort-down 
{

background-repeat: no-repeat;
background-position: left center;
float: left;
position: relative;
width: 14px;
display: inline-block;
height: 14px;
top: 7px;
left: -14px;
    }

.sorting .column-sort .sort-up, .sorting_desc .column-sort .sort-up
{
    background-image: url('images/icons/sort_up.png');
    }
.sorting_asc .column-sort .sort-up
{
    background-image: url('images/icons/sort_up_on.png');
}   
.sort-up 
{

background-repeat: no-repeat;
background-position: left center;
float: left;
position: relative;
width: 14px;
display: inline-block;
height: 14px;
top: -7px;
    }
    


.filter-arrow {
display: inline-block;
float: right;
}

a.filter img 
{
    border: 0;
    }

#main h1 
{
    display:inline-block;
    margin: 0px 0px 0px 0px;
    color: #026890;
    font-size: 1.5em;
}

div.loading
{
    background-image: url('../Content/images/Loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 100%;
}

div.gridloading 
{
    background-image: url('../Content/images/Loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 400px;
  

}

#grid table tbody tr:nth-child(even) {
    background-color: #FCFCFC;
}
#grid table tbody tr:nth-child(odd) {
    background-color: #FFF;
}



ul.submenu 
{
    display:none;
z-index: 45;
position: absolute;
background-color: green;
margin: 0px 0px 0px 0px;
padding: 2px 2px;

}
ul.submenu li {
display: block;
height: 20px;
width: 150px;
}
ul.submenu li a 
{
 padding: 2px 2px 3px 1px;
line-height: 0px;
   }
   
   ul#userlist li a:hover 
{
    background-color: #A6CE39;
}

.UC_go 
{
      background-image: url('images/icons/magnifier.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
     display:inline-block;
}
.btn {float:right;}

.btnSave 
{
     background-image: url('images/icons/magnifier.png');
    background-repeat: no-repeat;
    background-position: left center;
    height:16px;
    width: 16px;
     display:inline-block;
    }

input.DatePicker {
width: 95px;
}

label {
display: block;
}

.Tick_0 {
background-image: url("images/icons/clock_2.png");
background-repeat: no-repeat;
background-size: 24px;
}

.Tick_1 {
background-image: url("images/icons/tick-green.png");
background-repeat: no-repeat;
background-size: 24px;
}
.Tick_2 {
background-image: url("images/icons/cancel.png");
background-repeat: no-repeat;
background-size: 24px;
}


.ce_true , .cd_true
{
    display:inline-block;
}
.ce_false, .cd_false
{
    display:none;
}





.fld {
display: inline-block;
}

.UserType_0, .UserType_7 /*Client*/
{
         background-image: url('../Content/images/icons/user-business-gray-boss.png');
}
.UserType_1 /*Tutor*/
{
         background-image: url('../Content/images/icons/user-red-female.png');
}
.UserType_2 /*Technician*/
{
         background-image: url('../Content/images/icons/user-white.png');
}
.UserType_3 /*Admin*/
{
         background-image: url('../Content/images/icons/user-detective.png');
}
.UserType_4 /*SysAdmin*/
{
         background-image: url('../Content/images/icons/user-silhouette.png');
}
.UserType_5 /*Trainer*/
{
         background-image: url('../Content/images/icons/user-black-female.png');
}
.UserType_6 /*Enquiries*/
{
         background-image: url('../Content/images/icons/user-silhouette-question.png');
}
.UserType_10 /*Business*/ {
    background-image: url('../Content/images/icons/user-business-boss.png');
}

.UserType_0,.UserType_1,.UserType_2,.UserType_3,.UserType_4,.UserType_5,.UserType_6,.UserType_7,.UserType_10 {
background-repeat: no-repeat;
background-position: left center;
height: 16px;
width: 16px;
}


/*#Salutation {
width: 70px;
}*/

#StreetAddress 
{
    width: 435px;
}
#PostCode {
width: 80px;
}
#UserName, #Password, #ConfirmPassword 
{
    width: 150px;
}
#fldUserName {
margin: 0px 0px 0px 137px;
}
/*#GivenName,#Surname {
width: 324px;
}*/
#Email, #OtherContact {
width: 360px;
}
#ReferredByUserName {
width: 335px;
}
#ReferralTypeId {
width: 360px;
}
#ReferralDetails {
width: 726px;
height: 40px;
}
#PCUsedFor {
width: 726px;
}
#OtherInformation {
width: 100%;
height: 100px;
}
#InternetType,#OperatingSystem {
width: 200px;
}

#CheckList .fldlbl {
display: inline-block;
width: 30%;
}

.fldOptions {
display: inline-block;
}
.fldOptions label 
    {
    display:inline-block;
    }

.fldNextAppointment .fldlbl {
width: 59% !important;
}

#NextAppointmentReason {
width: 100%;
}
#fldOtherInformation {
width: 50%;
}

#fldExistingPC {
width: 49%;
vertical-align: top;
}


.fldEnable2FA div {
    display: inline-block;
}

.fldEnable2FA {
    display: block;
}

div#fldEnable2FA {
    display: block;
}