body
{
    margin: 0;
    padding: 0;
    text-align: center;    
    font-family:Arial, Verdana, Helvetica, sans-serif !important;
    font-size:13px !important;
    background-color:#ffffff;
    border-top:2px solid #0ca7d5;
    color:#58595b !important;
}

.clear 
{
	clear:both;
}

.RadGrid
{
    border-radius: 10px;
    overflow: hidden;
}

img 
{
	margin:0;
	padding:0;
	border:none;
}

h1, h2, h3 
{
	padding:0;
	margin:0;
}

h2
{
    font-weight:bold !important;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
    padding-top: 35px;
}

h1  
{
    color:#0B79BC !important;
    font-size:16pt !important;
}

#headerwrapper
{
    margin-top: -13px !important;
    margin: 0 auto;
    padding: 0;
    background-color:#ffffff;
    
}
#pageHeaderHolder
{
    /*background-color: #FFF;*/
    border-radius: 5px;
    margin: 24px 24px 24px 24px;
}
#ECSLogoImage { margin-top:10px;}

#header
{
    height: 54px;
    width: 945px;
    text-align: left;
    margin-bottom:4px;
    margin: 0 auto;
}

#leftheader
{
    height: 54px;
    width: 845px;
    text-align: right;
    margin-bottom:4px;
    margin: 0 auto;
}

.ecsStrapline 
{
    font-family: Georgia,verdana,arial,serif;
    font-weight: bold;
    float: right;
    margin: 2px 0px 4px 0;
    text-align: right;
}
.ecsStraplineSlogan { color: #03632b; font-size: 1.8em; line-height: 1.8em; }
.ecsStraplineSlogan, .ecsStraplineSloganSub { display: block; }
.ecsStraplineSloganSub { font-size: 1.2em; color: #6292AE; line-height:1.2em; }
.ecsStraplineSlogan, .ecsStraplineSloganSub { display: block; }


.menuwrapper
{
    width: 1045px;
    height: 28px;
    text-align: left; 
    margin-bottom:8px;
    background-color:#ffffff;
    margin: 0 auto; 
}

#mainareawrapper
{
    margin: 0 auto;
    padding: 0;
    height:auto;
    /*background: url(../image/midbg.jpg) repeat-x bottom left;*/
    padding-top:6px;
    /*padding-bottom:13%;*/
    padding-bottom:10%;
}

#mainarea
{
    width: 1092px;
    text-align: left;
    margin-bottom:4px;
    margin: 0 auto; 
}

#logobox 
{
	float:left;
	display:inline;
	width:423px;
	height:74px;
	margin-top:15px;
}

.pnldates {
    margin-top: 14px;
}

.pnlvenue {
      margin-top: 14px;  
}

.pnlpostcode {
      margin-top: 14px;  
}

.sSuccess, .sError, .sWarning { padding-left: 50px!important; font-weight: bold; font-size: 10pt; background-position: 0px center; }
.sSuccess { background-image: url('../image/tick.png?1288553994'); background-repeat: no-repeat; }
.sError { background-image: url('../image/cross.png?1288553992'); color: #ff0000; background-repeat: no-repeat; }
.sWarning {
    background-image: url('../image/shared48x48/exclamation.png?1288553992');
    background-repeat: no-repeat;
    min-height: 48px;
    background-color: #feefb3;
    border-color: #9f6000;
    color: #9f6000;
    border: solid 1px;
    text-align: left;
}

.sError { color: #cd0a0a; border: solid 1px #cd0a0a; background-color: #fff8f5;text-align: left; height:48px }
.sSuccess { color: #4f8a10; border: solid 1px #4f8a10; padding: 8px 4px 8px 0px; height:50px;text-align: left; background-color: #fbfffb; }
.errorlist { padding-left: 24px;padding-bottom: 10px; }

.output
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #f5f5f5; /*#eeeff0;*/
}
.output2
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #ffffff;
}

.output TD.labelR, .output2 TD.labelR {
    COLOR: #666666;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1.6em;
    PADDING-BOTTOM: 8px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 8px;
    TEXT-ALIGN: right;
}

.output TD.labelL, .output2 TD.labelL {
    COLOR: #666666;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1.6em;
    PADDING-BOTTOM: 8px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 8px;
    TEXT-ALIGN: left;
}

.output TH, .output2 TH {
    BACKGROUND-COLOR: #f5f5f5; /*#eeeff0;*/
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #ffffff;
    FONT-SIZE: 0.7em;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 8px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 8px;
    TEXT-ALIGN: left;
}

.output TD.boldleft,
.output TD.boldright,
.output TD.boldcenter,
.output2 TD.boldleft,
.output2 TD.boldright,
.output2 TD.boldcenter {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #666666;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1.6em;
    PADDING-BOTTOM: 8px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 8px;
}

.mandatory, .output TD.mandatory, .output2 TD.mandatory, .mandatory { COLOR: #ff0000 }
.output TD.boldleft, .output2 TD.boldleft { TEXT-ALIGN: left; }
.output TD.boldright, .output2 TD.boldright { TEXT-ALIGN: right; }
.output TD.boldcenter, .output2 TD.boldcenter { TEXT-ALIGN: center }
.output TD.right, .output2 TD.right { TEXT-ALIGN: right }
.output TD.left, .output2 TD.left { TEXT-ALIGN: left }
.output TD.center, .output2 TD.center { TEXT-ALIGN: center }

.rounded {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#rounded_top_left {
    HEIGHT: 20px;
    WIDTH: 18px;
}

.rounded TH {
    BACKGROUND-COLOR: #00338d;
    COLOR: #ffffff;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left
}

.rounded TD {
    COLOR: #666666;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.rounded TD.boldcenter {
    COLOR: #666666;
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.rounded TD.label {
    COLOR: #666666;
    font-family: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1.6em;
    PADDING-BOTTOM: 8px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    PADDING-TOP: 8px;
    TEXT-ALIGN: right;
}

.roundedgrey TH {
    BACKGROUND-COLOR: #d8dadb;
    COLOR: #00338d;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left
}

TH.top_left {
    BACKGROUND: url(../image/tabs/ecs_top_left.gif) #03632b no-repeat left top;
    HEIGHT: 25px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 12px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

TH.top_leftgrey {
    BACKGROUND: url(../image/tabs/light_grey_top_left.gif) #d8dadb no-repeat left top;
    HEIGHT: 25px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 12px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

/*Border Outline Start*/
.container1 { margin-bottom: 5px; }

.container1 .containerhead_l { background: url(../image/menu/con1_h_l.png) no-repeat left top; }

.container1 .containerhead_r { background: url(../image/menu/con1_h_r.png) no-repeat right top; }

.container1 .containerhead {
    background: url(../image/menu/con1_h_m.png) repeat-x left top;
    height: 9px;
    line-height: 9px;
    margin: 0 8px 0 7px;
    overflow: hidden;
}

.container1 .containerhead .title {
    float: left;
    padding-left: 5px;
    padding-top: 0px;
    text-align: left;
}

.container1 .containerhead .actions {
    float: left;
    height: 9px;
    line-height: 9px;
    margin-left: 10px;
}

.container1 .containermain {
    background: url(../image/menu/con1_m.png) repeat left top;
    margin: 0 6px;
}

.container1 .containermain_l { background: url(../image/menu/con1_l.png) repeat-y left top; }

.container1 .containermain_r { background: url(../image/menu/con1_r.png) repeat-y right top; }

.container1 .containermain .containerpane {
    min-height: 9px;
    padding: 0px 4px 0px;
}

.container1 .containermain .containerpane .Normal {
    color: #273b53;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.container1 .containerbot_l { background: url(../image/menu/con1_b_l.png) no-repeat left top; }

.container1 .containerbot_r { background: url(../image/menu/con1_b_r.png) no-repeat right top; }

.container1 .containerbot {
    background: url(../image/menu/con1_b_m.png) repeat-x left top;
    height: 9px;
    margin: 0 13px;
}


.container2 { margin-bottom: 10px; }

.container2 .containerhead { }

.container2 .containerhead .title {
    float: left;
    text-align: left;
}

.container2 .containerhead .actions {
    float: left;
    margin-left: 10px;
}

.container2 .containermain { }

.container2 .containermain .containerpane { padding: 0px 0px 0px; }

.container2 .containermain .containerpane .Normal {
    color: #00619b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.container2 .containerbot { }

.Space label
{
   margin-left: 10px;
}

/*Border Outline End*/


/*New Classes*/
.form-group 
{
  margin-bottom: 15px;
}
#InfoForm 
{
padding:15px;
width:850px;
margin:0 auto;
}

#InfoForm .col1
{
width:450px;
float:left
}

#InfoForm .col2
{
width:400px;
float:right
}

#InfoForm label
{
    display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  width:120px;
}
input 
{
    font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
    font-size: 14px;
}

 input[type=text], input[type=password] {
    margin: 5px;
    padding: 0 10px;
    /*width: 250px !important;*/
    color: #404040;
    background: white;
    border: 1px solid;
    border-color: #c4c4c4 #d1d1d1 #d4d4d4;
    border-radius: 2px;
    /*outline: 5px solid #eff4f7;*/
    -moz-outline-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

input[type=text]:focus, input[type=password]:focus {
    border-color: #7dc9e2;
    outline-color: #dceefc;
    outline-offset: 0;
}

    input[type=submit].btn, input[type=button].btn {
        padding: 0 18px;
        height: 29px;
        font-size: 12px;
        font-weight: bold;
        color: #527881;
        text-shadow: 0 1px #e3f1f1;
        background: #cde5ef;
        border: 1px solid;
        border-color: #b4ccce #b3c0c8 #9eb9c2;
        border-radius: 16px;
        outline: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
        background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
        background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
        background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
        -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    }

input[type=submit]:active {
    background: #cde5ef;
    border-color: #9eb9c2 #b3c0c8 #b4ccce;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}
/*
 input[type=checkbox], input[type=radio] {
    border: 1px solid #c0c0c0;
    margin: 0 0.1em 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 1em;
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));
    -webkit-appearance: none;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -webkit-border-radius: 0.25em;
    vertical-align: text-top;
    display: inline-block;
}
*/
select {
    border: 1px solid #D0D0D0;
    background: url(/ECSStyle/image/select.png) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ededed));
    background: -moz-linear-gradient(19% 75% 90deg,#ededed, #fbfbfb);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    color: #444;
    }

#TestQuestions {
padding:20px;
}
table.editform {
    padding:10px;
}
table.editform td {
    padding:5px;
}

.RadGrid_Default input[type=submit], .RadGrid_Default input[type=button] {
border:none!important;
}

.highLight {
background-color:#FFFF66;
}

/*image capture*/
/*.divTableStyle
{
	border: solid 8px #ddd; 
}*/

input.bigbutton 
{
    /*width:120px;height:37px; font-family:"Arial Black"; color:#FE8E14; font-size:14pt; font-style:italic;*/ 
}

/*ul 
{
    list-style:none; padding-left:0px; margin:0px; 
}

ul li
{
    margin-bottom:6px;
}*/

.body_Broad_width {
	width: 984px;
}

div.divinput 
{
    /*font-size: 11px; color: #222222; padding:10px; line-height: 14px; font-family: "verdana" , "sans-serif";*/ 
    /*margin:5px; margin-bottom:10px; background-color:#f0f0f0;*/ text-align:left; 
}
div#DWTcontainer
{
    margin: 0 auto;
}
.divcontrol
{
    width:580px; height:600px;
}

.divcontrolthumbnail
{
    width:90px; height:560px;
}
div#dwtcontrolContainer  
{
    /*margin:0px; margin-left:22px; padding:0px; padding-top:10px; width:590px; height:600px; float:left;*/
}

div.dwtcontrolThumbnail
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 580px; 
	z-index: 1; background-color: #f0f0f0; width:100px;
}

div#ScanWrapper 
{
    /*margin:0px; float:right; padding-right:18px; width:320px; height:800px;margin-top:-750px;*margin-top:-770px;*margin-top:-770\9px;*/
}

div#Crop {
	padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 80px; 
	z-index: 1; background-color: #f0f0f0; width:250px
}
div#ImgSizeEditor 
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 110px; 
	z-index: 1; background-color: #f0f0f0; width:300px
}

div#MoreEditMethods
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: auto;
	z-index: 1; background-color: #f0f0f0; width:250px;  text-align:left;
}

div#divCapabilityNegotiation
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: auto; 
	z-index: 2; background-color: #f0f0f0; width:auto;
}

div#divRotateConfig
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 100px; 
	z-index: 2; background-color: #f0f0f0; width:200px;
}

div#divSetImageLayout
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 75px; 
	z-index: 2; background-color: #f0f0f0; width:350px;
}

div#divHighlight
{
    padding:5px; padding-top:10px; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 110px; 
	z-index: 2; background-color: #f0f0f0; width:280px;
}

div#tblLoadImage
{
    /*padding:5px; padding-top:10px; text-align:left; border-collapse:collapse; border:3px solid #cE5E04; position: absolute; height: 170px; 
	z-index: 1; background-color: #fefefe; width:280px*/
}
div#AddTextDiv 
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 170px; 
	z-index: 1; background-color: #f0f0f0; width:300px
}
div#SetTextFontDiv 
{
    padding:5px; padding-top:10px; text-align:center; border-collapse:collapse;border:3px solid #cE5E04; position: absolute; height: 250px; 
	z-index: 1; background-color: #f0f0f0; width:300px
}

#dwtcontrolContainer_CID {
border:5px solid #DDDDDD
}

div.PersonImage {
border:5px solid #DDDDDD;
width:132px;
height:170px;
}
.PersonImage img {
width:100%;
}

#InstallBody {
    background-color:#ff5959;
    color:#fff;
}
#CustomUpload {
padding-top:10px;
display:none;
}

div#CreditNumber {
    text-align: center;
    vertical-align: middle;
    height: 20px;
    font-family:Arial, Verdana, Helvetica, sans-serif !important;
    font-size:13px !important;
    background-color:#ffffff;
}

.p2{ font-size: 9pt; color: #666666; padding-left: 0px !important; margin-left:0px !important; }

.RadMenu a.rmLink:hover {
    /*Change the background color of main menu on hover*/
    background-color: #03632b !important;
    color: white !important;
}
.RadMenu .rmGroup .rmItem a.rmLink {
    /*Change the background color of sub menu on hover*/
    background-color: #03632b !important; /*Change the  color of main menu on hover*/
    color: white !important;
}
.rmSelected {
    background-color: #a7a7a7 !important;
    color: white !important;
}
@font-face {
     font-family: 'fontawesome';
     font-style: normal;
     font-weight: 400;
     src: url('');
     /* For IE6-8 */
     src: local("Material Icons"), local("MaterialIcons-Regular"), url('/font/fontawesome-webfont.woff2') format("woff2"), url('/font/fontawesome-webfont.woff') format("woff"), url('/font/fontawesome-webfont.ttf') format("truetype");
 }
.rmRootGroup {
    display: inline-block; /*inline-block*/
    float: none;
    background-color: #FFFFFF;
    padding-bottom: 25px;
    /*border: 1px solid #979797;*/
}

.dashboard .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}

    .dashboard .rmLeftImage:before {
        font-family: "fontawesome";
        content: "\f201";
    }

.testlist .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}

.testlist .rmLeftImage:before {
    font-family: "fontawesome";
    content: "\f037";
}

.createexams .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}

.createexams .rmLeftImage:before {
    font-family: "fontawesome";
    content: "\f044";
}

.createuser .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}

.createuser .rmLeftImage:before {
    font-family: "fontawesome";
    content: "\f007";
}
.questionsedit .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}

.questionsedit .rmLeftImage:before {
    font-family: "fontawesome";
    content: "\f03a";
}
.changepassword .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}

.changepassword .rmLeftImage:before {
    font-family: "fontawesome";
    content: "\f26e";
}

.resourcedata .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}
    .resourcedata .rmLeftImage:before {
        font-family: "fontawesome";
        content: "\f1c0";
    }

.scenarios .rmLeftImage {
    line-height: 12px;
    padding-top: 5px;
    color: #03632b;
}
    .scenarios .rmLeftImage:before {
        font-family: "fontawesome";
        content: "\f017";
    }
.container.size-custom {
    
}
.scenariorow {
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 20px
}
.scenariorow .labelLeft {
    text-align: left
}