/*__________________ Common HTML Elements & Global Resets 10th Nov __________________________________*/
/*Check Point 27th June 2013 */


html, body, form {margin:0; padding:0; border:none!important; outline:none!important; text-rendering: optimizeLegibility; }
body {font-family:Segoe UI; font-size:14px;}

/* Layout Global rendering element styles */
html, body, form {width:auto; height:auto;line-height:20px; color:#003556} 
html, body {background:#f2f2f2;}    

/* This controls the vertical height */ 
html, body{width:100%; height:100%; z-index:10000000}
form {width:100%!important; height:96%!important;}

html, body, form, span, label, td, th, input,
span, label, .gridTableWrap td, .gridTableWrap th {font-size:13px!important;}

td, th, .gridTableWrap td, .gridTableWrap th, .gridTableWrap span, .gridTableWrap label {font-size:12px!important;}

.gridTableWrap td {white-space:nowrap}


* {margin:0; padding:0;}
a , img {border:none; outline:none} 
a {color:#333;cursor: pointer;text-align:left;} 
a:hover {color:#666}

a.loginLink {color:#fff!important; text-decoration:none; padding:5px 10px; margin-top:0px; font-weight:bold}
a.wrap {padding:0 5px; float:left}

span, label {color:#006690;float:left;}

table {border-collapse:collapse;}

h1,h2,h3 {padding:0; font-weight:normal; margin:10px 0}
h1 {font-size:24px; color:#00aecb}
h2 {font-size:18px}
h3 {font-size:16px}

select {height:21px;}
textarea{height:70px; resize: none;}
table {width:100%; border-collapse:collapse}

.radWindow90 {width:90%!important; height:90%!important; max-width:1100px!important;max-height:750px!important;}


.radWindow100 {width:100% !important; height:100% !important;}


/*
input[type='image'] {float:left}

input[type='text'],input[type='password'], textarea{padding-left:2px}
input[type='text'],input[type='password'], select, textarea{margin-bottom:10px!important;}
input[type='checkbox'], input[type='image'], input[type='radio'] {margin-right:3px}
input[type=password] {margin-left:3px; width:45%; float:left}

input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button 
{cursor: pointer;font:normal normal normal 11px/21px Tahoma; }

input[type='text'],input[type='password']{height:18px}
input[type='text'],input[type='password'], select, textarea 
{border: 1px solid #afbcd1; background:#dde4ef; color:#003366;
 font:normal normal normal 11px/21px Tahoma!important;}
*/

/*All Btn disable styles goes here 
input[type='hidden'] { display:none;}
input[type=submit],input[type=reset],input[type=button]
{ overflow:visible;filter:chroma(color=#000000);border:none!important; float:left;
color:#b5e0ee;background:url(../../images/Theme1/sbnt-um-selectedMenu-bg.gif) repeat 0 0; line-height:16px; outline:none!important;  
-moz-border-radius:3px; border-radius:3px;border:solid 1px #00c0ff; padding:0 15px 2px 15px!important;height:22px;margin:0 0 0px 1px; }
input[type='submit']:hover, input[type='button']:hover { color:#fff}

input[disabled='disabled']{float:left}
input[disabled='disabled'], input[disabled]{cursor:default!important; color:#5d90ae!important;margin:0 0px 0px 1px; float:left}

input[readonly]{background-color:#F0F0F0 !important;color:#303030 !important;}

input[type='submit'][disabled]{background:#fff; border: 1px solid #9cb5dd!important;
                               line-height:16px; outline:none!important;  
-moz-border-radius:3px; border-radius:3px;border:solid 1px #00c0ff; padding:0 15px 2px 15px!important;height:22px;margin:0px 0 0px 1px!important; color:#999!important}
*/
/*input[disabled='disabled']:hover{ border:solid 1px #00c0ff!important;}*/

/* All Button Styles*/

a.rfdSkinnedButton   {background:none!important; margin:0 0 5px 0!important; padding:0!important;}

input[type='submit'] {background-color:#00c5b5!important; padding:4px 15px 4px 15px; border:solid 1px #00c5b5; border-radius:3px; min-width:40px; text-align:center!important; font-size:16px!important;color:#fff!important; display:block!important}

/*this blinds Filter Button inside Rad Grid*/
 
 
.rgCommandCell {padding:5px!important;}
.rgCommandCell label, .rgCommandCell input {float:left; margin:3px 2px 0 0; line-height:10px}
.rgCommandCell input[type='button'], .rgCommandCell input[type='submit']{background:#999!important;  padding:2px 10px 4px 10px!important; border:none; border-radius:3px; text-align:center!important; font-size:12px!important;color:#fff!important; display:block!important; float:right}
.rgCommandCell input[type='button']:hover, .rgCommandCell input[type='submit']:hover {background:#00c5b5!important; }

input[type='text'], textarea, select {font-family:Segoe UI; font-size:12px;}
input[type='text'], textarea {border-radius:2px; padding:3px; border:solid 1px #dedede; background:#f8f8f8; box-sizing:border-box; color:#464646}
select {border:solid 1px #dedede; background:#f8f8f8; box-sizing:border-box; height:28px; color:#464646}

.RadButton {background:#00c5b5!important;  padding:2px 0px 4px 0px; border:solid 1px #00c5b5; border-radius:4px; min-width:60px; float: right}
.RadButton input[type='submit'] {width:100%!important; padding:0 15px!important; margin:0 auto!important;background:none!important; border:none!important;text-align:center!important; font-size:16px;color:#fff; display:block!important; float: right}
.RadButton, input[type='submit'] {transition:.3s ease; float: right; margin:0 0 0 3px}
.RadButton:hover, input[type='submit']:hover{background-color:#3CE4C0!important}
.RadButton:active, input[type='submit']:active {background:#fff!important; color:#000!important;}

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border:1px solid #00b0d5; background:#fcfcfc }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { outline:none; border:1px solid #00b0d5; }
    
fieldset {padding:20px!important;margin-bottom:15px;margin-left:0;overflow:auto; /*overflow:hidden!important;display:inline-block;*/
          border:solid 1px #e1e1e1!important; background:#f9f9f9!important; border-radius:6px; box-sizing:border-box; width:100%; position:relative}
legend {font-weight:bold; color:#1267b8}
fieldset.fieldsetScrolheight350 {max-height:350px!important; overflow-y:scroll!important; overflow:hidden!important}

/* fieldset spacing correction */

fieldset h1, fieldset  h2, fieldset h3 {margin:0 0 10px 0!important; display:inline-block}
fieldset h1 span, fieldset  h2 span, fieldset h3 span, .innerpageWrap fieldset span, .innerpageWrap fieldset span, .innerpageWrap fieldset span, fieldset .gridTableWrap
{margin-bottom:0!important;margin-top:0!important;}


/*---------------------------------------------------------------------------------------------------------------------------*/

#mainLayout {min-width:1024px; position:relative;}

#mL-HeaderSpacer { height:15px;background:#005a8c; z-index:1000000}

#mL-Header 
{padding:0; margin:0;background:#005a8c; height:75px; position:fixed; top:0;right:0; left:0; box-sizing:border-box; } 


.headerLogo{float:left;padding:10px 0 0 20px; width:320px;}

.headerLeft input[type=image], .headerLeft span{float:left;}
.headerLeft input[type=image], .headerLeft img{margin:0px 10px 0 0px!important}
.headerLeft span{margin-top:5px}
.headerMiddle {width:30%;}
.headerRight {width:30%; float:right; display:none}
.headerRight input[type=image], .headerRight select{margin: -7px 0 0 0; float:right}
.headerRight select{width:90px; height:18px; margin-right:10px}

#mainLayout, #mL-Header , #mL-LeftContent, #mL-RightContent {position:relative;}
#mainContentWrap {margin:0 auto; width:1024px; padding-top:30px}

#mL-Header img {float:left}
#mL-Header h1{padding:5px 0 0 5px; margin:0; color:#8aace5; font-weight:normal; font-size:18px}
	.headerWrap {width:1000px; margin:0 auto}
	.headerWrap ul {list-style:none; float:right; display:inline; margin-top:20px}
	.headerWrap li {display:inline; color:#6b89a2}

.horzMenuBar {height:35px; padding:5px 10px 0 10px; margin:0px 5px 0 5px; position:relative; text-align:center}


#mL-LeftContent {float:left;width:740px; padding:0 25px 0 0;}
#mL-RightContent{float:right; width:284px; /*background:#ededed; border:solid 1px #dfdfdf; padding:20px;*/}
#mL-LeftContent,#mL-RightContent{margin:0!important; box-sizing: border-box}

#mL-RightContent h1 {color:#333!important; font-size:20px; letter-spacing:-1px}
#mL-RightContent fieldset {margin:0px 0 15px 0;}

.leftContentAreaWrap {padding:0px;}

#mL-Footer {height:20px;width:100%;float:left; background:#e6e6e6;padding:10px 0px}

#mL-Footer input[type=image] {float:left; /*padding:3px; border:solid 1px #666; width:20px; height:20px; */margin:5px 5px 0 5px}

#mL-Footer .footerContentWrap{border-top:solid 1px #ccc; margin:0 10px; text-align:center; padding:10px 0 0 0}
#mL-Footer .footerContentWrap a{color:#999; font-size:11px}
#mL-Footer .footerContentWrap li{border-color:#ccc}

/*--- Inner Page + Popup Wraps ----*/
.innerPagePush {height:50px}
.innerPageWrap {padding:0px 25px 25px 25px; position:relative}
/* background:#fff url(../../images/Theme1/sbnt-um-flag.png) no-repeat left center;*/
.innerPageWrap h1 {border-bottom:solid 1px #dbdbdb;font-weight:normal;background:#fff; padding:15px 0px 15px 20px;
                   position:fixed; top:65px; left:240px; right:0; z-index:1001}
.innerPageWrap h1 span{display:inline; margin:0;z-index:1001}
.innerPageWrap h1, .innerPageWrap h1 span{ color:#005a8c!important;font-size:24px!important;}
.innerPageWrap h1 span{display:inline}

.innerPageWrap h2 span, .innerPageWrap h2 {color:#005a8c!important;font-size:18px!important;margin:10px 0;}
.innerPageWrap h3, .innerPageWrap h3 span{ color:#005a8c!important;font-size:16px!important; margin:10px 0;}

.innerPageWrap span, .innerPageWrap label{color:#666;margin-bottom:8px}
.innerPageWrap select, .innerPageWrap input[type=text], .innerPageWrap textarea {color:#333!important; margin-bottom:15px}
.popupWrap{padding:20px;}
.popupWrap h1 span{color:#006690; display:block}


/*----Admin Side Layout Styles Newly Added ---*/

#admin-HeaderPush {height:75px}
#admin-Header {padding:0; margin:0; background:#005a8c; height:75px; position:fixed; top:0;right:0; left:0; box-sizing:border-box; z-index:10000} 

#admin-RightContent,#admin-LeftContent {}
#admin-RightContent {margin-left:240px; z-index:998; /*display:inline-block (This Property is needed but it block div to 100% width in Master page used Pages)*/}
#admin-LeftContent {background:#f1f1f1; width:240px; position:fixed; left:0; top:0; bottom:0; padding-top:75px; z-index:999}


.mandactoryWrap:after, .mandactoryWrapSlot:after {content: "*"; position:absolute;color:#2bc4b6;font-size:18px!important; margin-top:5px;}
.mandactoryWrap:after {right:15px; }
.mandactoryWrapSlot:after {right:0px;}

.mandactoryWrap:hover:after,.mandactoryWrapSlot:hover:after {content: "Mandatory"!important; position:absolute;font-size:10px!important;}
.mandactoryWrap:hover:after {right:25px}
.mandactoryWrapSlot:hover:after {right:10px}
/* ---- Menu Wrap Styles Newly Added------*/

.welcomeWrap {float:right; margin:20px 0 0 0; padding:0 0 0 20px; border-radius:30px 0 0 30px; background:#222;  height:36px}
.welcomeWrap span {color:#999;font-size:12px!important; margin:10px 3px 0 0}
.welcomeWrap input[type=image] {margin:-1px 0 0 5px; padding:0;}
.welcomeWrap span, .welcomeWrap input[type=image] {float:right}



.menuWrap {position:fixed;top:44px; left:280px; z-index:100001}
.menuWrap a {color:#004d77;border-radius:8px 8px 0 0!important;}
/*= For New Menu style ==========*/
/*.menuWrap li{background:#00c5b5;border:1px solid #005a8c!important;font-size:16px; width:220px; height:25px;padding:4px 0 0 10px!important; margin:0 0px -1px -1px; text-align:left;}*/
.menuWrap li:hover{background:#3fdacd;}
.menuWrap li:hover a{color:#004064!important;font-weight:normal}


/*= New Menu style ==========*/

.menuWrap li{background:#00c5b5;border:1px solid #1dd4c5 !important;font-size:16px; width:220px; height:25px; padding:6px 0 3px 10px !important; margin:-5px 0 2px 5px; text-align:left;
   -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}


.menuWrap li ul li{background:#00c5b5;  border-bottom:1px solid #1dd4c5 !important;font-size:16px; width:220px; height:25px; padding:6px 0 3px 10px !important; margin:-1px 0 0 -1px; text-align:left;
   -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
}

/*= // New Menu style ==========*/



.menuWrap li li {background:#3cddd0;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#777; text-decoration:none;text-align:left;}
ul.menu li {position:relative; float:left; margin-right:2px; }
ul.menu ul {position:absolute; top:26px; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #333;border-bottom:1px solid #222; border-top:none; width:148px; margin:0;text-align:left}
ul.menu ul li a {display:block; padding:1px 7px 2px; background:#333;text-align:left;}
ul.menu ul li a:hover {background:red url(../../images/Theme1/eL-Dashboard-MenuBG.png) repeat-y 0 0; color:#bfbfbf}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #111; padding:1px 7px 2px; font-weight:bold; margin:23px 0 0 0;background:#222; width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {background:url(../../images/Theme1/horzMenuarrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #00c8b7}




/* ---- Page Btns ---*/



.pageBtn-Add,input[type=submit].pageBtn-Add , .pageBtn-Edit,input[type=submit].pageBtn-Edit, .pageBtn-Delete, input[type=submit].pageBtn-Delete 
{float:right; width:35px!important; height:35px!important; border:solid 1px #d9d9d9; text-indent:-9999999px; padding:0!important; margin:0 0 0 -1px; border-radius:0!important; min-width:30px; cursor:pointer}

.pageBtn-Add, input[type=submit].pageBtn-Add {background:#f2f2f2 url(../../images/Theme1/sbnt-um-pageBtn-Add.png) no-repeat center center!important; } 
.pageBtn-Edit,input[type=submit].pageBtn-Edit {background:#f2f2f2 url(../../images/Theme1/sbnt-um-pageBtn-Edit.png) no-repeat center center!important; }
.pageBtn-Delete, input[type=submit].pageBtn-Delete {background:#f2f2f2 url(../../images/Theme1/sbnt-um-pageBtn-Delete.png) no-repeat center center!important; }

.pageBtn-Add:hover, input[type=submit].pageBtn-Add:hover {background:#fafafa url(../../images/Theme1/sbnt-um-pageBtn-Add.png) no-repeat center center!important; } 
.pageBtn-Edit:hover, input[type=submit].pageBtn-Edit:hover {background:#fafafa url(../../images/Theme1/sbnt-um-pageBtn-Edit.png) no-repeat center center!important; }
.pageBtn-Delete:hover, input[type=submit].pageBtn-Delete:hover {background:#fafafa url(../../images/Theme1/sbnt-um-pageBtn-Delete.png) no-repeat center center!important; }

/*-------------------------------------Left Menu Wrap--------------------------------------------------------------------------------------*/

#mL-LeftVertMenuWrap {width:100%; background:#f6f6f6; border-right:solid 1px #dbdbdb;height:100%; overflow:hidden; padding:1px 0 0 0; box-sizing:border-box}

.menuBoxLFT, .menuBoxLFT a, .menuBoxLFT h1 {transition:.5s ease}
.menuBoxLFT h1{font-size:18px!important; margin:0px; color:#666; background:#f9f9f9; padding:5px 10px; /*font-weight:bold; box-shadow:1px 1px 10px #ddd*/ text-align:left !important;}
.menuBoxLFT:hover h1 {background:#f5f5f5;}

.menuBoxLFT {height:33%; border-top:solid 1px #dbdbdb; margin:-1px 0 0 0;  box-sizing:border-box; position:relative; overflow:hidden;}
.menuBoxLFT:hover{height:33%;}

.menuBoxLFT a {display:block; background:rgba(255,255,255,0.9) ; border:solid 1px #dcdcdc; color:#666;text-decoration:none;padding:5px 10px;box-sizing:border-box; margin:0 0 -1px 0; width:100%!important; text-align:left;}
.menuBoxLFT a:hover {background:#c0c0c0; border:solid 1px #dcdcdc;color:#333;}

.menuBoxLFT .subMenuWrap {position:absolute; top:40px;left:0px; right:50px; padding-bottom:1px; }
.menuBoxLFT:hover .subMenuWrap {padding-bottom:1px;overflow:hidden; bottom:0px; }



/* Icon Menus */

.menuIcon-Maintainance {background:url(../../images/Theme1/menu-icon-maintainance.png) no-repeat center center;}
.menuIcon-Reports {background:url(../../images/Theme1/menu-icon-reports.png) no-repeat center center;}
.menuIcon-Settings {background:url(../../images/Theme1/menu-icon-settings.png) no-repeat center center; }


/*----------------------------------------------------------------------------------------------------------------------------------------*/



.checkBoxWrap {background:#ebebeb; padding:10px 15px 10px 15px; overflow:auto; margin:-10px -20px -20px -20px}
#btmtabs {min-height:18px;  float:left;padding:1px 0 0 0; width:100%}

span.userDtl, span.logDtl {margin:3px 0 0 15px;font-size:11px; position:absolute;}
span.userDtl {color:#ccc;font-weight:bold!important; bottom:13px;right:45px;font-size:11px!important;}
span.logDtl {color:#999;bottom:0px;right:45px;font-size:10px!important;}

.textboxBorder {background:#fff; border:solid 1px #666; overflow:auto}
.imgReducer100 img {width:100%!important;}

span.appVersion {font-size:11px!important; float:left; color:#227bac; margin-top:20px}
.reportViewerWrap {background:#fff; border:solid 1px #666; overflow:auto; margin:0 auto}



/*
#mL-LeftVertMenuWrap ul{padding:0px 0 0 0!important; padding:0}
#mL-LeftVertMenuWrap ul, #mL-LeftVertMenuWrap li{margin:0!important; padding:0}
#mL-LeftVertMenuWrap ul li {height:105px;background:url(../../images/Theme1/eL-Dashboard-Splitter.png) no-repeat bottom center;display:block}

#mL-LeftVertMenuWrap ul li a{font-size:24px; text-decoration:none; color:#657893; margin:15px 0 0 25px; padding:25px 0 0 80px;line-height:30px}
#mL-LeftVertMenuWrap ul li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	This works in IE 8 & 9 too 
	 ... but also 5, 6, 7 
	filter: alpha(opacity=50);
	
	Older than Firefox 0.9
	-moz-opacity:0.5;
	
	Safari 1.x (pre WebKit!)
	-khtml-opacity: 0.5;
    
	Modern!
	Firefox 0.9+, Safari 2?, Chrome any?
	Opera 9+, IE 9+
	opacity: 0.5;}
*/
a.reading{background:url(../../images/Theme1/eL-Dashboard-Reading.png) no-repeat 0 0; float:left;height:55px!important; }
a.assign{background:url(../../images/Theme1/eL-Dashboard-AssignedTest.png) no-repeat 0 0; float:left;height:55px!important; margin-left:40px!important; padding-left:65px!important}
a.schedule{background:url(../../images/Theme1/eL-Dashboard-TestSchedule.png) no-repeat 0 0; float:left;height:55px!important;}
a.history{background:url(../../images/Theme1/eL-Dashboard-TestHistory.png) no-repeat 0 0; float:left;height:55px!important;}


.examSheet h2, .examSheet h3, .examSheet h2 span, .examSheet h3 span{display:block!important; float:none}
.examSheet h2, .examSheet h2 span {font-weight:normal; margin:0 0 20px 0; font-size:18px; letter-spacing:0px} 
.examSheet h3, .examSheet h3 span {font-size:14px;margin:0 0 5px 0;}

.digitalClock { position:absolute; top:20px; right:20px; border-radius:0 6px 6px 0;padding:10px 15px 5px 15px; height:52px; width:275px; margin:0px}
.digitalClock input[type=text] {background:none!important; font-size:30px!important; border:none; text-align:left!important; color:#00b0d5;padding:0 0 5px 0;
                                /*font-family:'digital-7mono'!important;text-shadow: 0 0 7px #7395c8; */ }
.digitalClock span{color:#333;font-size:14px!important; float:left; margin:-10px 0px 0 0;/*font-family:'digital-7mono'!important;*/}


.qnCounts a {float:left; padding:5px 10px 10px 10px!important; height:15px; background:#00b0d5; border:solid 1px #00c5b5; margin:1px 1px 0 0; color:#fff; text-decoration:none; border-radius:3px}

.finishBtnWrap {float:right; padding:0px 300px 0 0; margin-top:-5px}


.QnImage img{height:200px; width:100%; margin-top:5px}

.testSubmitted {background:#e7e7e7; padding:2px 0 3px 0; height:18px; text-align:center; border-radius:15px; margin-bottom:15px}
.testSubmitted span {font-size:12px!important; float:none; color:#333}

/*-------------------------------------Left menu Styles(TreeView Control--------------------------------------------------------------------------------------*/

.treeViewHead{background:Blue}
.treeViewSub {background:#444;cursor:default; padding:0px; margin:2px 0;border-bottom:solid 1px #666; color:#ccc; display:block; width:200px; height:24px; text-indent:10px; padding:1px 0 0 0;
-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;}
.treeViewSub:hover {background:#3f3f3f; color:#fff}
.treeViewSubSelected {background:url(../../images/Theme1/sbnt-um-selectedMenu-bg.gif) repeat-x 0 0;font-weight:bold; color:#fff; margin:0px; width:200px; height:25px; text-indent:10px; padding:1px 0 0 0;
-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px}
div.contentDiv { padding:10px 20px; background:#2b2d30; display: block; clear: both;}

/*---------------------------------------------------------------------------------------------------------------------------*/




.divContentWrap-Reading
{
    padding:5px 0px 10px 5px; background:#e4eaf3;
    -moz-border-radius:4px; border-radius:4px;
    min-height:400px!important;
    
     margin:10px 0 10px 0;
     min-height:420px!important;
     /* border:solid 1px #fff;*/

}
.divContentWrap
{
    padding:5px 0px 10px 5px; background:#e4eaf3;
    -moz-border-radius:4px; border-radius:4px;
    min-height:400px!important;
     margin:10px 0 10px 0;
     min-height:420px!important; overflow:auto; max-height:420px!important;
     /* border:solid 1px #fff;*/

}
/*height: auto !important;height:100%!important;overflow:auto;*/
/*-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow: inset 0 0 7px #fff;
-webkit-box-shadow: inset 0 0 7px #fff;
box-shadow: inset 0 0 7px #fff;
background:#e4eaf3;
-moz-box-shadow:1px 1px 5px #000;
-webkit-box-shadow:1px 1px 5px #000;
box-shadow:1px 1px 5px #000;*/


/*__________________ Common Property Named Classes ___________________________________________________________________________________________________________*/

.clear {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}

.floatLeft{float:left}
.floatRight{float:right!important}
.floatNone{float:none}

.textAlignCenter{text-align:center}
.textAlignJustify{text-align:justify}
.textAlignLeft{text-align:left; padding-right:5px}
.textAlignRight{text-align:right;}

.sup {vertical-align: super;}
.sub {vertical-align: sub;}

.colorWhite{color:White}
.colorBlack{color:Black}

.backgroundNone{background:none}
.overflowAuto{overflow:auto!important}
.positionAbsolute{position:absolute!important}

.marginNone{margin:0!important}
.marginTopNone{margin-top:0!important}
.marginBottom{margin-bottom:10!important}

.paddingNone{padding:0!important}
.paddingTopNone{padding-top:0!important}
.paddingBottom{padding-bottom:10!important}

.borderNone{border:none!important}
.borderTop{border-top:solid 1px #ccc}
.borderBottom{border-bottom:solid 1px #ccc;}

.clearNone {clear:none}
.txtWatermark {color:#ccc!important}

.displayNone {display:none!important}

.fullWidth {display:block; width:99.5%}
.HeaderFreez
{
   position:relative ;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
}
/* Prefer this for Tree scroll x and y enabled */
.scrollVert100 {max-height:100px; min-height:100px; overflow:auto}
.scrollVert150 {max-height:150px; min-height:150px; overflow:auto}
.scrollVert200 {max-height:200px; min-height:200px; overflow:auto}
.scrollVert250 {max-height:250px; min-height:250px; overflow:auto}
.scrollVert275 {max-height:275px; min-height:275px; overflow:auto}
.scrollVert300 {max-height:300px; min-height:300px; overflow:auto}
.scrollVert325 {max-height:325px; min-height:325px; overflow:auto}
.scrollVert350 {max-height:350px; min-height:350px; overflow:auto}
.scrollVert375 {max-height:375px; min-height:375px; overflow:auto}
.scrollVert400 {max-height:400px; min-height:400px; overflow:auto}

/* Prefer this for Grid scroll y enabled */
.height100 {height:100px!important; overflow:hidden; overflow-y:auto!important}
.height125 {height:125px!important; overflow:hidden; overflow-y:auto!important}
.height150 {height:150px!important; overflow:hidden; overflow-y:auto!important}
.height175 {height:175px!important; overflow:hidden; overflow-y:auto!important}
.height180 {height:180px!important; overflow:hidden; overflow-y:auto!important}
.height200 {height:200px!important; overflow:hidden; overflow-y:auto!important}
.height225 {height:225px!important; overflow:hidden; overflow-y:auto!important}
.height250 {height:250px!important; overflow:hidden; overflow-y:auto!important}
.height275 {height:275px!important; overflow:hidden; overflow-y:auto!important}
.height300 {height:300px!important; overflow:hidden; overflow-y:auto!important}
.height325 {height:325px!important; overflow:hidden; overflow-y:auto!important}
.height350 {height:350px!important; overflow:hidden; overflow-y:auto!important}
.height375 {height:375px!important; overflow:hidden; overflow-y:auto!important}
.height400 {height:400px!important; overflow:hidden; overflow-y:auto!important}
.height450 {height:450px!important; overflow:hidden; overflow-y:auto!important}
.height500 {height:500px!important; overflow:hidden; overflow-y:auto!important}
.height550 {height:550px!important; overflow:hidden; overflow-y:auto!important}
.height600 {height:600px!important; overflow:hidden; overflow-y:auto!important}
.height700 {height:700px!important; overflow:hidden; overflow-y:auto!important}


.min-height75,
.min-height100,
.min-height150,
.min-height175,
.min-height200,
.min-height225,
.min-height250,
.min-height300,
.min-height350,
.min-height375,
.min-height400,
.min-height450{overflow:auto}

.min-height75 {min-height:75px!important; max-height:75px!important}
.min-height100 {min-height:100px!important; max-height:100px!important}
.min-height150 {min-height:150px!important; max-height:150px!important}
.min-height175 {min-height:175px!important; max-height:175px!important}
.min-height200 {min-height:200px!important; max-height:200px!important}
.min-height225 {min-height:225px!important; max-height:225px!important}
.min-height250 {min-height:250px!important; max-height:250px!important}
.min-height300 {min-height:300px!important; max-height:300px!important}
.min-height350 {min-height:350px!important; max-height:350px!important}
.min-height375 {min-height:375px!important; max-height:375px!important}
.min-height400 {min-height:400px!important; max-height:400px!important}
.min-height450 {min-height:450px!important; max-height:450px!important}

.max-height75,
.max-height100,
.max-height125,
.max-height150,
.max-height175,
.max-height200,
.max-height225,
.max-height250,
.max-height300,
.max-height350,
.max-height375,
.max-height400,
.max-height450{overflow:auto}

.max-height75 {max-height:75px!important}
.max-height100 {max-height:100px!important}
.max-height125 {max-height:125px!important}
.max-height150 {max-height:150px!important}
.max-height175 {max-height:175px!important}
.max-height200 {max-height:200px!important}
.max-height225 {max-height:225px!important}
.max-height250 {max-height:250px!important}
.max-height300 {max-height:300px!important}
.max-height350 {max-height:350px!important}
.max-height375 {max-height:375px!important}
.max-height400 {max-height:400px!important}
.max-height450 {max-height:450px!important}

/*div.divHeight1H, div.divHeight9H{table-layout:inherit; empty-cells:inherit; content:""}*/
div.divHeight1H{height:100%!important;}
div.divHeight9H{height:90%!important;}
div.divHeight8H{height:80%!important;}

.radGridHeight100 {height:100%!important}
.radGridHeight90 {height:90%!important}
.radGridHeight80 {height:78%!important}
.radGridHeight70 {height:68%!important}
.radGridHeight60 {height:55%!important}
.radGridHeight50 {height:45%!important}
.radGridHeight40 {height:35%!important}
.radGridHeight30 {height:25%!important}








/*---------------------------------------------------------------------------------------------------------------------------*/


input[type=text].small, input[type=submit].small, select.small, textarea.small, span.small, label.small {width:45px!important;}
input[type=text].medium1, input[type=submit].medium1, select.medium1, textarea.medium1, span.medium1, label.medium1 {width:100px!important}
input[type=text].medium, input[type=submit].medium, select.medium, textarea.medium, span.medium, label.medium {width:150px!important}
input[type=text].large, input[type=submit].large, select.large,textarea.large, span.large, label.large {width:230px!important}
input[type=text].xlarge, input[type=submit].xlarge, select.large,textarea.xlarge, span.xlarge, label.xlarge {width:430px!important}
input[type=text].hiddentxtbx {display:none}

#mainLayout {z-index:1;}
#mL-Header{z-index:5;}
#mL-Footer {z-index:4;}
#mL-LeftContent{z-index:2;}
#mL-RightContent{z-index:3;}

.horzMenuBar{z-index:1002;}
.ModalPopupBG{z-index:100003;}
.ModalPopupContent{z-index:100004}



.ModalPopupBG
{
    background:#000;
    filter: alpha(opacity=90);
    opacity: 0.0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";position:absolute; 
}
.ModalPopupContent
{-moz-border-radius:9px; border-radius:9px; border:solid 5px #00c5b5; background:#e4eaf3;}
.ModalPopupContent
{width:945px; height:520px; top:30px!important; position:absolute;/*left:-525px; top:-200px;*/ 
padding:0!important; margin:0!important;}   

.ModalPopupContent iframe {width:100%!important; height:100%!important; overflow:auto; border:none; /*width:940px!important; height:410px!important; margin:0px; display:block*/}
.ModalPopupContent iframe iframe{width:200%!important;}

.ModalPopupContent .iframeClose {position:absolute; top:5px; right:0px;}
.iframeContent {min-height:380px; max-height:381px; overflow:auto}

.divIframe img{width:100px!important; height:100%!important; overflow:hidden!important;}


.imgWrap {text-align:center!important;}
.imgWrap img {width:100%;height:140px!important; border:solid 1px #b0bfd7; margin-bottom:0!important; padding-bottom:0!important; display:block}

.imgWrapper {overflow:auto;max-height:370px;}
.imgWrapper img {width:auto; height:150px;border:solid 1px #b0bfd7; margin-bottom:0!important; padding-bottom:0!important; display:block}
/*iframe {
  margin-top: 20px;
  margin-bottom: 30px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;

  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
  box-shadow: 4px 4px 14px #000;

  -moz-transform:rotate(20deg);
  -webkit-transform:rotate(20deg);
  -o-transform:rotate(20deg);
  -ms-transform:rotate(20deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
} */


/*iframe {margin:.5%; padding:0px;width:99%; background:#f0f0f0; min-height:200px; border:solid 1px #d0d0d0}*/
.ModalPopupContent .closeBtn{position:absolute; top:-1px; right:-2px;padding:0px; text-align:center; width:26px; height:26px;
                             background:url(../../images/Theme1/close-button-for-learn.jpg) no-repeat 0 0; border:none; cursor:pointer;}


.PopupContent{
    -moz-border-radius:9px; 
    border-radius:9px; 
    border:5px solid #999;
    background:#fff; 
    overflow: hidden;
    width:400px; 
    padding-bottom:10px;
    }




/*---------------------------------------------------------------------------------------------------------------------------*/


.wrapper {padding:10px;-moz-border-radius:2px; border-radius:2px;  margin-bottom:10px; margin:0 3%}
.wrapper h1, .wrapper h2, .wrapper h3{padding:0 0 0 30px; margin:0 0 0px 0; /*text-align:center;*/ font-weight:normal; min-height:24px}
.left h2, .left h3{margin:0 0 5px 0; text-align:center; font-weight:bold}
.wrapper h1{font-size:18px}
.wrapper h2{font-size:14px}
.wrapper h3{font-size:12px}

.styledWrap {padding:5px;-moz-border-radius:4px; border-radius:4px;border:solid 1px #99b8e7;background:#d4deee; }

/*---------------------------------------------------------------------------------------------------------------------------*/

.drillNav {padding:10px 10px; background:#eeeeee; border:solid 1px #e1e1e1;margin-bottom:20px; border-radius:6px;overflow:auto;}

.drillNav span, .drillNav a {float:left;font-size:16px;}
.drillNav a { text-decoration:none;  color:#555; margin-right:10px}
.drillNav a:hover {color:#333;}
.drillNav span {color:#999; margin-right:10px}


.progListBoxWrap {background:#fff;  margin-bottom:20px;  min-height:160px; border:solid 1px #c9c9c9;border-top:none; float:left; width:100%;} 
.progListBoxWrap .imgWrap {width:180px; height:160px; float:left; background:#e7e7e7; border-top:solid 3px #c9c9c9;}
.progListBoxWrap .imgWrap img {width:180px!important; height:160px!important; border:none}

.progListBoxWrap .contentWrap {padding:10px 25px 15px 25px; width:663px; min-height:134px;float:left; position:relative;
                               /*border:solid 1px #c9c9c9; border-top:none; border-left:none;*/}
.progListBoxWrap .contentWrap h1 {display:inline-block!important; margin-bottom:0!important}
.progListBoxWrap .contentWrap h1 span {color:#00a7c6; font-size:16px !important;}

.progListBoxWrap .contentWrap a {color:#00aecb}
.progListBoxWrap .contentWrap span {color:#666;}




.progListBoxWrapin {background:#fff;  margin-bottom:20px;  min-height:160px; border:solid 1px #c9c9c9;border-top:none; float:left; width:100%;} 
.progListBoxWrapin .imgWrap {width:25%; height:160px; float:left; background:#e7e7e7; border-top:solid 3px #c9c9c9;}
.progListBoxWrapin .imgWrap img {width:100%!important; height:160px!important; border:none}

.progListBoxWrapin .contentWrap {padding:10px 25px 15px 25px; min-height:134px; float:left; position:relative; width:67%;
                               /*border:solid 1px #c9c9c9; border-top:none; border-left:none;*/}
.progListBoxWrapin .contentWrap h1 {display:inline-block!important; margin-bottom:0!important}
.progListBoxWrapin .contentWrap h1 span {color:#00a7c6; font-size:16px !important;}

.progListBoxWrapin .contentWrap a {color:#00aecb}
.progListBoxWrapin .contentWrap span {color:#666;}









.itemBox {float:left; background:#ececec; border:solid 1px #ccc; padding:10px; height:80px; margin:5px 8px 0 0; border-radius:4px}
.itemBox a, .itemBox span { display:block;width:100%; box-sizing:border-box}
.itemBox a {font-size:12px} 
.itemBox span {font-size:9px!important; color:#666} 
.width125 {width:180px}
.itemBoxListing table, .itemBoxListing table td {display:inline!important; width:auto!important}

.itemBox .lnkWrap, .itemBox span.fileType {background:none!important; padding:0; border:none; font-size:16px!important;}
.itemBox span.fileType { font-size:14!important; font-weight:bold}

.itemGridListWrap {background:#fff;width:100%; display:inline-block; padding:10px; box-sizing:border-box; border:solid 1px #eee;}
.itemGridList {border-bottom:solid 1px #eee;width:100%; display:inline-block; padding:2px 0 5px 0; margin-bottom:15px}
.itemGridList span {float:left; margin-right:10px;}



.contentWrap .statusBar {background:#ffaa52;height:3px;position:absolute;top:0px; left:0; right:-2px}

.innerpageBottomBtnWrap {background:#ebebeb; padding:5px 0px; display:inline-block; width:100%; float:left; box-sizing:border-box}
.contentWrap  .imgBtnWrap {position:relative;top:0px;right:0px;}
.imgBtnWrap a {float:right; text-indent:-100000px; margin:0px -9px 0 0}

a.lnkWrap {border:solid 1px #d4deec ;background:#f1f1f1 url(../../images/Theme1/horzMenuarrow.gif) no-repeat center left; padding:3px 10px 4px 10px; margin:0 0 5px 0; float:left; color:#006690; text-decoration:none; border-radius:2px}

.linkBtn-AddtoList,.linkBtn-Video,.linkBtn-PDF, .linkBtn-Test, .linkBtn-Video-Completed,.linkBtn-PDF-Completed, .linkBtn-Test-Completed
{background:url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat 0 0; 
 width:28px;}

.linkBtn-AddtoList {background-position:-145px -4px; }
/*.linkBtn-AddtoList:hover {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -140px -30px;}*/
.linkBtn-Video {background-position:-20px 0; }
.linkBtn-Video:hover {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -20px -30px;}
.linkBtn-PDF {background-position:-60px 0; } 
.linkBtn-PDF:hover {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -60px -30px;}
.linkBtn-Test {background-position:-100px 0; }
.linkBtn-Test:hover {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -100px -30px;}

.linkBtn-Video-Completed {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -24px -60px;}
.linkBtn-PDF-Completed  {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -64px -60px;}
.linkBtn-Test-Completed {background:#fff url(../../images/Theme1/newELearningUNIX-Sprite.png) no-repeat -102px -60px;}


.myListItemWrap {background:#f2f2f2;/**/border:solid 1px #e1e1e1;margin:0 0 8px 0; padding:5px 8px 5px 8px; display:inline-block; width:100%; box-sizing:border-box; border-radius:3px}
.myListItemWrap a {color:#3ec1d7!important; text-decoration:none}

.progListWrap table {width:100%!important;}
.progListWrap a {margin-bottom:3px!important; display:block; color:#00c5b5; text-decoration:none} 
.progListWrap a:hover {color:#333}

.rankWrap .RadSiteMap {background:none!important; padding:0px 0;}
.rankWrap .rsmTemplate {padding:0!important;}

.btnWrap {clear:both;margin:5px 0; float:right}
td .btnWrap input [type=submit], td .btnWrap span.RadButton {float:right}
.btnWrap span.RadButton {width:auto!important; margin:0 0 0 4px!important}




.btnContainer input[type='submit'] {font:normal normal normal 11px/21px Tahoma; background:#ececec; border:solid 1px #c6c6c6; color:#333}
.btnContainer input[type='submit']:hover {font:normal normal normal 11px/21px Tahoma; background:#f1f1f1; border:solid 1px #d0d0d0; color:#666}

.pageBtnWrap {position:absolute;top:-10px; right:10px;z-index:6000;}
.pagingWrap span, .pagingWrap a {border:solid 1px #fff; padding:1px 1px}
.pagingWrap a {color:#333; cursor:pointer}
.pagingWrap a:hover {background:#f6f6f6 url(../../images/Theme1/sbnt-crm-wrapperGreyBG.gif) repeat-x 0 0;color:#999}

.pageBtnWrap input[type="image"], .gridBtnWrap input[type="image"]{margin:0 0 0 2px; float:right}

.pageBtnWrapNew {position:fixed;top:85px; right:5px!important;z-index:9999;} 
.pageBtnWrapNew input[type="submit"] {float:right}


.ucpageBtnWrap input[type="image"]{margin:0 0 0 2px; float:right; width:20px; height:20px;
                                   border:solid 1px #d9d9d9;  padding:4px!important;
                                   cursor:pointer;}

fieldset .ucpageBtnWrap {position:absolute;top:15px; right:20px}

.linkWrap-Grey a {text-decoration:none; background:#f6f6f6; margin:0 0 0 3px; padding:1px 5px 3px 5px; border:solid 1px #ccc; border-radius:2px; color:#999; float:right}



.pageBottomBtnWrap {position:fixed;right:0%; left:0%; bottom:0; z-index:100001; background:#fff; padding:10px 20px; height:25px}
.pageBottomBtnWrap input[type="submit"]{-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;
                                        background:#333 url(../../images/Theme1/sbnt-um-footer-BG.png) repeat-x top left; border:solid 1px #d7d7d7; 
                                        color:#999; font-size:12px}

.pageLegends {padding:5px;border:1px solid #AFBCD1;background:#f5f5f5 url("../../images/Theme1/sbnt-um-GreyBG.gif") repeat-x left top; overflow:auto;}
.pageLegends span, .pageLegends img {float:left}
.pageLegends span {color:#333}
.pageLegends fieldset {margin:0px!important; padding:0px!important; border:none}

.toolboxWrap {height:37px; padding:1px 5px; float:left}
.toolbox {background:url(../../images/Theme1/sbnt-um-toolbox-BG.png) no-repeat 0 0; width:198px; height:24px; float:left; margin:0 1px 0 0;padding:5px 10px; overflow:hidden}

.pageBtnWrapRelative input[type="image"]{margin:0 0 0 2px; float:right;
                                         }
                                         
                                         
.parentDisable { z-index:998; width:100%;height:100%;position:absolute;top:0;left:0;background-color: #ccc; display:none; opacity: 0.4; filter: alpha(opacity=50);
                }
/*.toolbox input[type='image'].vessel,
.toolbox input[type='image'].activity,
.toolbox input[type='image'].others {height:20px; margin:5px 0 0 0; background:url(../../images/Theme1/sbnt-um-toolbox-BtnSprite.png) no-repeat;}

.toolbox input[type='image'].vessel {height:20px; margin:5px 0 0 0; background-position:0 10px}
.toolbox input[type='image'].activity {height:20px; margin:5px 0 0 0; background-position:0 10px}
.toolbox input[type='image'].others {height:20px; margin:5px 0 0 0; background-position:0 10px}*/

input[type='button'].vessel,
input[type='button'].activity,
input[type='button'].others {width:198px; height:22px; margin:0px 0 0 0; background:url(../../images/Theme1/sbnt-um-toolbox-BtnSprite.png) no-repeat 0 0; border:none /*text-indent:-9999px*/}

input[type='button'].vessel {background-position:0 0px}
input[type='button'].activity {background-position:-205px 0px}
input[type='button'].others {background-position:-410px 0px}

input[type='button']:hover.vessel {background-position:0 -22px}
input[type='button']:hover.activity {background-position:-205px -22px}
input[type='button']:hover.others {background-position:-410px -22px}


/*
a.vessel {background-position:0 0px}
a.activity {background-position:-120px 0px}
a.others {background-position:-180px 0px}

a:hover.vessel {background-position:0 -21px}
a:hover.activity {background-position:-120px -21px}
a:hover.others {background-position:-180px -21px}*/

.prevNextBtnWrap, .prevNextBtnWrap2 {position:absolute; right:0px; background:#fff; border:solid 1px #999999; padding:1px 0 0 1px}
.prevNextBtnWrap {top:-2px; }
.prevNextBtnWrap2 {top:-2px; }



/* -----Test Start ------*/

.headText, 
.bottomText{box-sizing:border-box;padding:5px 10px 5px 0;  color:#fff; text-align:left}

.testDetailBox .headText, .testDetailBox .bottomText,
.testDetailBoxslot .headText, .testDetailBoxslot .bottomText {text-align:center}



.headText {background:#009abc;}
.bottomText {background:#00c5b5;font-weight:bold} 
.testDetailBox, .testDetailBoxslot {float:left; border-radius:4px; width:31.3%; margin:0 2% 2% 0; overflow:hidden}
.testDetailBox span, .testDetailBox label, .testDetailBoxslot span, .testDetailBoxslot label{display:block; width:100%}

.testDetailBoxslot {margin:0 0 2% 0;width:33.3%;}
.widthAuto {width:auto!important}
.widthFull {width:100%!important; margin:0}


.testResultWrap .testDetailBox, .testResultWrap .testDetailBoxslot {background:#f4f4f4!important; margin-bottom:10px}
.testResultWrap .headText,.testResultWrap .bottomText {background:none!important;}
.testResultWrap .headText {color:#666!important; font-size:14px}
.testResultWrap .bottomText {color:#333!important;background:#ededed!important;}


.theme-ContentWrap label, .theme-ContentWrap span {float:left; margin:0 0 2px 0; padding:0; min-height:22px}
.theme-ContentWrap label {width:50%; color:#00324c!important;}
.theme-ContentWrap span {width:50%; color:#666!important;}

/*---------------------------------------------------------------------------------------------------------------------------*/

.starPop {color:Red!important; display:inline!important; margin:0; padding:0; height:5px; overflow:hidden;width:6px!important; margin-left:2px; position:absolute}
.star {color:Red!important; display:inline;/*position:absolute*/}
.stars {color:Red!important; display:inline; width:5px!important; margin-left:2px}
span.star {width:6px!important; margin-left:2px; font-size:9px!important}

.starBlock{color:Red;}
.pageBottomPush {height:30px; display:block;clear:both}

.errorWrap {background:#fcfcfc; text-align:center; border:solid 5px #999; box-shadow:2px 5px 5px 1px #ccc; 
            -moz-border-radius: 6px; border-radius: 6px;
            position:absolute;right:35%;left:5%;padding:0px 0px; top:35%;  max-width:400px; min-width:400px; z-index:100000 !important}
.errorWrap span {color:#333; margin:0 auto 20px auto!important; width:90%; padding:10px;}
.errorWrap img {height:16px; padding:1px;}

.messageHeaderText{    position:absolute; left:5px;}


.spacer5{height:5px}
.spacer10{height:10px}
.spacer15{height:15px}
.spacer20{height:20px}
.spacer25{height:25px}
.spacer30{height:30px}
.spacer35{height:35px}
.spacer40{height:40px}
.spacer45{height:45px}


/*---------------------------------------------------------------------------------------------------------------------------*/


.tabContainerWrap {margin-bottom:10px; padding:0; position:relative;}

.testDetailsQnAns{width:43%;margin:0 0 0 2%;float:left; margin-bottom:10px; background:#fcfcfc; display:inline; max-height:100px; min-height:250px; overflow:auto; padding:2%;border:solid 1px #ccc}
.testDetailsAnsWrap{background:#f1f1f1; padding:5px;border:solid 1px #ccc; margin-bottom:-1px; font-weight:normal}

.recentOpn {top:35%; left:30%;width:40%; position:fixed; margin-left:160px}
.recentOpn fieldset {padding:10px!important;}
.recentOpn .gridTableWrap {margin-bottom:0!important;}

.vertSplitter5{width:5px!important; float:left; height:21px}

.divSepPage1 {width:98%;margin:0 0 0 1.5%;}
.divSepPage2 {width:47.5%;margin:0 0 0 1.5%;}
.divSepPage3 {width:31.1%; margin:0 .1% 0 1.5%;}
.divSepPage1, .divSepPage2, .divSepPage3 { float:left; margin-bottom:10px}

/*__________________ Main Interface IDs & Classes (InnerPage) ___________________________________________________________________________________________________________*/

.divcol-S,.divcol-Ss,.divcol-M,.divcol-L,
.div2col-S,.div2col-M,.div2col-L,.div2col-bothlbl,.div2col-Block,
.div3col-S,.div3col-M,.div3col-L,
.div4col-S,.div4col-M,.div4col-L
{float:left; margin:0; padding:0;/*border:solid 1px Red;*/}

.divcol-S,.divcol-Ss,.divcol-M,.divcol-L, .divcol-Float {width:97%;/*margin:0 1% 0 2%;*/}
.div2col-S,.div2col-M,.div2col-L, .div2col-bothlbl, .div2col-Block {width:47%;margin:0 1% 0 2%;}
.div3col-S,.div3col-M,.div3col-L {width:31.1%; margin:0 .1% 0 1.5%; /*background:red*/}
.div4col-S,.div4col-M,.div4col-L {width:23%; margin:0 0 0 1.5%;}

.divcol-S, .div2col-M, .div4col-L {width:100%;} 

/*------------------------------------------------Page Spliters----------------------------------------------------------------*/

.div5,.div10,.div15,.div20,.div25,.div30,.div35,.div40,.div45,.div50,.div55,.div60,.div65,.div70,.div75, .div80,.div85, .div90, .div95,  
.div5slot,.div10slot,.div15slot,.div20slot,.div25slot,.div30slot,.div35slot,.div40slot,.div45slot,.div50slot,.div55slot,.div60slot,.div65slot,.div70slot,.div75slot,.div80slot,.div85slot,.div90slot,.div95slot
{margin:0; padding:0; float:left; position:relative; box-sizing:border-box}
.div5,.div10,.div15,.div20,.div25,.div30,.div35,.div40,.div45,.div50,.div55, .div60,.div65,.div70,.div75,.div80,.div85,.div90,.div95, div100 {padding:0 2% 0 0;}
.div5 {width:5%;}
.div10 {width:10%;}
.div15 {width:15%;}
.div20 {width:20%;}
.div25 {width:25%;}
.div30 {width:30%;}
.div35 {width:35%;}
.div40 {width:40%;}
.div45 {width:45%;}
.div50 {width:50%;}
.div55 {width:55%;}
.div60 {width:60%;}
.div65 {width:65%;}
.div70 {width:70%;}
.div75 {width:75%;}
.div80 {width:80%;}
.div85 {width:85%;}
.div90 {width:90%;}
.div95 {width:95%;}
.div100 {width:100%;}

.div5slot {width:5%;}
.div10slot {width:10%;}
.div15slot {width:15%;}
.div20slot {width:20%;}
.div25slot {width:25%;}
.div30slot {width:30%;}
.div35slot {width:35%;}
.div40slot {width:40%;}
.div45slot {width:45%;}
.div50slot {width:50%;}
.div55slot {width:55%;}
.div60slot {width:60%;}
.div65slot {width:65%;}
.div70slot {width:70%;}
.div75slot {width:75%;}
.div80slot {width:80%;}
.div85slot {width:85%;}
.div90slot {width:90%;}
.div95slot {width:95%;}
.div100slot {width:100%;}

.wash {padding:0px; margin:0}

/*


.div10,.div20,.div30,.div40,.div50,.div60,.div70, .div80, .div100 {padding:0; float:left; min-height:30px; border:Green solid 1px}
.div10,.div20,.div30,.div40,.div50,.div60,.div70, .div80,.div90, .div100  {margin:0 2% 0 0}
.div10 {width:7%;}
.div20 {width:17%;}
.div30 {width:27%;}
.div40 {width:37%}
.div50 {width:47%;}
.div60 {width:57%}
.div70 {width:67%}
.div80 {width:77%;}
.div90 {width:87%;}
.div100 {width:98%;}

.div10slot,.div20slot,.div30slot,.div40slot,.div50slot,.div60slot,.div70slot,.div80slot,.div90slot{padding:0; float:left; min-height:30px; border:red solid 1px}
.div10slot {width:10%;}
.div20slot {width:20%;}
.div30slot {width:30%;}
.div40slot {width:40%;}
.div50slot {width:50%;}
.div60slot {width:60%;}
.div70slot {width:70%;}
.div80slot {width:80%;}
.div90slot {width:90%;}

*/










.imgLoader img{width:200px!important; height:150px!important; float:left; margin-bottom:10px}

/*__________________ Single Col S=Smal M=Medium L=Large ___________________________________________________________________________________________________________*/

.divcol-Ss span, .divcol-Ss label
{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-height:20px;/*padding-left:3px; font-weight:bold*/}

.divcol-Ss span {float:left; width:26%}
.divcol-Ss input[type=text], .divcol-Ss input[disabled=disabled],.divcol-Ss input[type=password]{float:left; width:69%}
.divcol-Ss select {float:left; width:70.5%}
.divcol-Ss textarea {float:left; width:69%;}

.divcol-S span,.divcol-M span,.divcol-L span, 
.divcol-S label,.divcol-M label,.divcol-L label
{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-height:21px;/*padding-left:3px; font-weight:bold*/}


.divcol-S span {float:left; width:20%}
.divcol-S input[type=text], .divcol-S input[disabled=disabled], .divcol-S input[disable]{float:left; width:80%}
.divcol-S select {float:left; width:80%}
.divcol-S textarea {float:left; width:80%;}

.divcol-S span{float:left}
.divcol-S span {width:20%;}
.divcol-S input.riTextBox, .divcol-S .RadComboBox {}
.divcol-S span.RadInput {width:80%!important;/*width:80%!important;To avoid Chrome star field break*/}
.divcol-S input.riTextBox {width:100%!important; }
.divcol-S .RadComboBox {width:80%!important; /*width:80%!important;To avoid Chrome star field break*/}



.divcol-M span {float:left; width:25%}
.divcol-M input[type=text], .div2col-M input[disable] {float:left; width:70%}
.divcol-M select {float:left; width:70.4%}
.divcol-M textarea {float:left; width:70%;}

.divcol-L span {float:left; width:42%}
.divcol-L input[type=text], .div2col-S input[disable] {float:left; width:54%}
.divcol-L select {float:left; width:55.4%}
.divcol-L textarea {float:left; width:54%;}

.divcol-Float span,.divcol-Float input[type=text], .divcol-Float input[disable], .divcol-Float input[disabled="disabled"],
.divcol-Float select,.divcol-Float textarea {float:left; width:auto!important}


 
 span.riContSpinButtons label {line-height:22px; margin-bottom:22px; font-size:11px}
.divcol-Block input.riTextBox, .divcol-Block .RadComboBox {}


.divcol-Block span, .divcol-Block label{margin-bottom:4px!important;width:100%!important; text-align:left;}
.divcol-Block input.riTextBox, .divcol-Block .RadComboBox, .divcol-Block span.RadInput
{margin-bottom:8px}

.divcol-Block span.RadInput {width:100%!important;}
.divcol-Block input.riTextBox {width:100%!important;}
.divcol-Block .RadComboBox, .divcol-Block select {width:100%!important;}
.divcol-Block input[type=text] {width:100%!important;}
.divcol-Block input[type=password] {width:100%!important;margin-bottom:8px!important}
.divcol-Block textarea {width:100%!important;margin-bottom:8px!important}
 
 

/*__________________ 2Col S=Smal M=Medium L=Large ___________________________________________________________________________________________________________*/

/*
.div2col-S span,.div2col-M span,.div2col-L span, 
.div2col-S label,.div2col-M label,.div2col-L label
{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-height:24px;}

.div2col-S span, .div2col-S label {float:left; width:17%}
.div2col-S input[type=text],.div2col-S input[disable]{float:left; width:79%}
.div2col-S select {float:left;width:79.7%}
.div2col-S textarea {float:left; width:79%;}


.div2col-M span, .div2col-M label {float:left; width:33%}
.div2col-M input[type=text], .div2col-M textarea, .div2col-M select {float:left; width:62%}
.div2col-M select {float:left; width:62.7%}
.div2col-M textarea {float:left; width:62%;}

.div2col-L span, .div2col-L label {float:left; width:40%}
.div2col-L input[type=text], .div2col-L textarea, .div2col-L select {float:left; width:52%}
.div2col-L select {float:left; width:52.5%}


.div2col-bothlbl {}
.div2col-bothlbl span{width:58%; font-weight:bold;}
.div2col-bothlbl label {width:35%;margin-right:3%; font-weight:normal}
.div2col-bothlbl span, .div2col-bothlbl label {float:left; padding:0 1% 0 .5%; border-bottom:dotted 1px #999}
.div2col-S span.maxCharacterWrap  
{font-size:11px!important; font-weight:normal; height:auto; color:#666; padding:5px; background:#fff; 
 border:dotted 1px #ccc; line-height:14px; margin:0 0 10px 26%; width:63%}*/

/*__________________ 3Col S=Smal M=Medium L=Large ___________________________________________________________________________________________________________*/

/*
.div3col-S span,.div3col-M span,.div3col-L span, 
.div3col-S label,.div3col-M label,.div3col-L label
{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-height:24px;}

.div3col-S span, .div3col-S label {float:left; width:35%}
.div3col-S input[type=text],.div2col-S input[disable] {float:left; width:57.2%;}
.div3col-S select {float:left; width:58.5%}
.div3col-S textarea {float:left; width:57.2%;}

.div3col-M span, .div3col-M label {float:left; width:50.4%}
.div3col-M input[type=text], .div3col-M select {float:left; width:42%;}
.div3col-M select {float:left; width:43%}
.div3col-M textarea {float:left; width:42%;}

.div3col-Block span, .div3col-Block label,
.div3col-Block input[type=text], .div3col-Block select,
.div3col-Block textarea, .div3col-Block table {width:100%; margin:0 0px 5px 0; padding:0}

.div3col-Block .radioChk {margin:5px 0; display:block}
.div3col-Block .radioChk label {margin:0 5px}
.div3col-Block span, .div3col-Block label{font-weight:bold; padding:0 0px 0px 0;}

.div3col-Block {width:30%!important; float:left;margin:0 1.5% 0 1.25%;}

.div3col-S span.maxCharacterWrap  
{font-size:11px!important; font-weight:normal; height:auto; color:#666; padding:5px; background:#fff; 
 border:dotted 1px #ccc; line-height:14px; margin:0 0 10px 26.2%; width:63%}


.divcol-lblVslbl span, divcol-lblVslbl label {width:50%; border-bottom:dotted 1px #999}

.divcol-lblVslbl-S span, 
.divcol-lblVslbl-S label{float:left; margin-bottom:10px; min-height:20px}
.divcol-lblVslbl-S span {width:78%; border-bottom:dotted 1px #999; font-weight:bold!important}
.divcol-lblVslbl-S label {width:20%; border-bottom:dotted 1px #999}

.divcol-lblVslbl2 span, .divcol-lblVslbl2 label {float:left}
.divcol-lblVslbl2 span {width:60%; font-weight:bold!important }
.divcol-lblVslbl2 label {width:40%;}
.spanLabelWrap {border-bottom:dotted 1px #999; margin-bottom:10px; overflow:auto; padding-bottom:5px}


.divcol-lblVslbl3 span, .divcol-lblVslbl3 label {float:left; padding:0 1%}
.divcol-lblVslbl3 span {width:78%; font-weight:bold!important; background:#b3c1d7; }
.divcol-lblVslbl3 label {width:18%; background:#a5bada;}


.div4col-S span, .div4col-S label {float:left; width:96%}
.div4col-S input[type=text], .div4col-S input[disable], .div4col-S select {float:left; width:96%}
.div4col-S select {float:left; width:96%}
.div4col-S textarea {float:left; width:96%;}

.div4col-Block span, .div4col-Block label {float:left; width:96%}
.div4col-Block input[type=text], .div4col-Block input[disable], .div4col-Block select {float:left; width:96%}
.div4col-Block select {float:left; width:96%}
.div4col-Block textarea {float:left; width:96%;}

.divfloat span, .divfloat label{float:left; width:auto; margin:0 5px 0 10px}
.divfloat input[type=text], .divfloat input[disable], .divfloat select, .divfloat textarea {float:left; min-width:100px; margin-right:5px}

*/
/*__________________ Main ASP Component Wraps (TreeView, GridView, Checkbox, Radia button, SelectBox etc) ______________________*/

           
.treeViewStyle a{color:#596f91; width:80px!important; overflow:hidden!important }

div.contentDiv { padding:10px 20px; background:#2b2d30; display: block; clear: both;}
.treeViewHead{background:Blue}
.treeViewSub {background:#444;cursor:default; padding:0px; margin:2px 0;border-bottom:solid 1px #666; color:#ccc; display:block; width:200px; height:24px; text-indent:10px; padding:1px 0 0 0;
-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;}
.treeViewSubSelected {background:url(../../images/Theme1/sbnt-um-selectedMenu-bg.gif) repeat-x 0 0;font-weight:bold; color:#fff; margin:0px; width:200px; height:25px; text-indent:10px; padding:1px 0 0 0;
-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px}
.treeViewSub:hover {background:#3f3f3f; color:#fff}

#treeview {padding:15px 20px}
#treeview table{width:auto!important}
#treeview table td{width:auto!important;padding:2px 1px;text-align:left}
#treeview td span, #treeview td a, #treeview input[input=checkbox] { line-height:16px;}
#treeview td span {margin-right:1px}
#treeview a, #treeview input[input=checkbox]{margin:3px}



.manualDetails{-moz-border-radius:4px; border-radius:4px; border:solid 1px #999; background:#fff; padding:5px; margin-bottom:10px}
.manualDetails table {width:100%}
td.labelWrap, td.spanWrap{padding:2px 5px; border:solid 1px #d1c4a5; border-bottom:none}
td.labelWrap{background:url(../../images/Theme1/sbnt-um-table-th.gif) repeat-x 0 0;width:40px;}
td.labelWrap label{font-weight:bold!important}
td.spanWrap{background:url(../../images/Theme1/sbnt-um-GreyBg.gif) repeat-x 0 0;}

.divTable, .divTable table {width:100%}
.divTable td input[type='text'],.divTable td select, .divTable td textarea {width:100%!important; margin-bottom:1px}
.divTable table td {vertical-align:middle; border-bottom:dotted 1px #ccc; padding:3px}
.divTable td input[type='submit']{width:70px}



.treeViewWrap {background:#f9f9f9;padding:10px;margin:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;  border: 1px solid #e1e1e1;/*overflow:auto; height:100%; position:relative!important*/}
.treeBtnFix {/*position:fixed; top:120px; right:0px;*/}

.searchContainerWrap .treeViewWrap {padding:5px 0 0 0}

.treeViewWrap table {border-collapse:collapse; empty-cells:hide!important;}
.treeViewWrap td {padding:0;margin:0; display:inline-table; line-height:22px;text-align:left } 
.treeViewWrap a:hover {color:#004fc3} 

.fileUploadWrap #FileUploader {background:none!important; width:100px; display:inline-block; margin:5px 0 0 0!important}
.fileUploadWrap #FileUploader input {background:none!important; width:90px!important; padding:0 5px; border:none!important;}
.fileUploadWrap {border:solid 1px #ccc; height:160px; text-align:center; position:relative}
.fileUploadWrap img {width:100%!important; height:100px; margin:0 auto 20px auto; background-cover:contain; background-image:url(/images/NoImage.jpeg) ;}

#FileUploader input {float:left}


.fileUploadWrap #MainContent_fileUpldQuestion {background:none!important; width:100px; display:inline-block; margin:5px 0 0 0!important}
.fileUploadWrap #MainContent_fileUpldQuestion input {background:none!important; width:90px!important; padding:0 5px; border:none!important;}

.fileUploadWrap #MainContent_fileUpldQuestion_ctl01 {margin-bottom:10px !important; margin-top:0px !important}



/*---------------------------------------------ASP Grid Style------------------------------------------------------------------------------*/

/* To set a custom style for ASP Grid but now a days there is RadGrid so the other elemant styles are not using 
.gridTableWrap {margin-bottom:10px;width:100%!important; border:solid 1px #eee; border-top:none; overflow:auto}*/

/**/
.gridTableWrap {padding:0px; margin-bottom:20px;width:100%!important;border:solid 1px #eee; border-top:none; overflow:auto}
.gridTableWrap .rgCommandRow, .gridTableWrap .rgCommandRow td {background:#ccc!important;}
.gridTableWrap .rgCommandRow td * {margin:0}
.gridTableWrap .rgCommandRow td span, .gridTableWrap .rgCommandRow td label {margin:1px 3px 0 3px!important}
.gridTableWrap .RadGrid_Default, .gridTableWrap .RadGrid_Default td {border:none!important}

/*
.gridTableWrap table {float:left; width:100%;background:#f9f9f9; color:#666}*/
.gridTableWrap table th{text-align:left; background:#ececec!important;border:solid 1px #e0e0e0;padding:2px 5px; color:#333!important; font-weight:normal}
.gridTableWrap table th a, .gridTableWrap table td a, .gridTableWrap table th {color:#333; text-decoration:none;}

.gridTableWrap table td{border:solid 1px #e0e0e0; line-height:16px;padding:3px 5px;word-wrap:break-word!important; white-space:normal!important;}
.gridTableWrap table th, .gridTableWrap table td{}
.gridTableWrap td input[type='text'],.gridTableWrap td select, .gridTableWrap td textarea {margin-bottom:1px!important; /*height:18px!important*/}
.gridTableWrap a.imgBtn{padding:5px 3px 2px 3px; margin:2px 3px 2px 7px;}



/*background:#23c8e8 url(../../images/Theme1/sbnt-um-table-th.gif) repeat-x 0 0;*/
/*.gridTable {padding:0px; margin-bottom:10px;overflow:auto; background:#f8f8f8}
.gridTable table {float:left; width:100%;background:#f8f8f8;table-layout:fixed;}
.gridTable table th {background:#ccc!important;height:20px; text-align:left}
                    
.gridTable table th a, .gridTable table td a, .gridTable table th {color:#000; text-decoration:none;  font-weight:bold}
.gridTable table th{border:solid 1px #0e6cad;padding:2px 5px;}
.gridTable table td{border:solid 1px #e0e0e0; line-height:16px;padding:3px 5px;word-wrap:break-word!important; white-space:normal!important;}
.gridTable td input[type='text'],.gridTableWrap td select, .gridTableWrap td textarea {margin-bottom:1px!important; height:18px!important}
.gridTable a.imgBtn{padding:5px 3px 2px 3px; margin:2px 3px 2px 7px;}
*/




.selectedNodeStyle {background:#8cb2ea; color:#163a6e!important;/*padding:0px 2px 0 2px;  font-weight:bold; 
                    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;*/}
.selectedRowStyle {background:#00b0d5; color:#fff!important/*url(../../images/Theme1/sbnt-um-GreyBG.gif) repeat-x top left*/;}


/*
.gridTableWrap table td table {width:auto; float:right}
.gridTableWrap table td table td {background:#555; padding:0px; margin:0; border:solid 1px #666; color:#999; width:15px;height:15px; text-align:center}
.gridTableWrap table td table a {padding:1px; margin:0; color:#fff!important; text-decoration:none;}
.gridTableWrap table td table span, .gridTableWrap table td table label {color:#fff; padding:1px;  font-weight:bold}

.gridTableWrap {padding:1px 1px 0 1px}
.gridTableWrap table {float:left; width:100%;border:solid 1px #d1c4a5;}
.gridTableWrap table th{background:url(../../images/Theme1/sbnt-um-table-th.gif) repeat-x 0 0; height:20px; text-align:left}
.gridTableWrap table th a, .gridTableWrap table td a, .gridTableWrap table th {color:#000; text-decoration:none;  font-weight:bold}
.gridTableWrap table th{border:solid 1px #999!important;border-right:solid 1px #777!important;height:35px;}
.gridTableWrap table td{height:16px; color:#000; background:#fffbf1}
.gridTableWrap table th, .gridTableWrap table td{padding:0px 5px; border-bottom:solid 1px #d1c4a5;}

.gridTableWrap table td table {width:auto; float:right}
.gridTableWrap table td table td {background:#555; padding:0px; margin:0; border:solid 1px #666; color:#999; width:15px;height:15px; text-align:center}
.gridTableWrap table td table a {padding:1px; margin:0; color:#fff!important; text-decoration:none;}
.gridTableWrap table td table span, .gridTableWrap table td table label {color:#fff; padding:1px;  font-weight:bold}

.gridTableWrap a.imgBtn{padding:5px 3px 2px 3px; margin:2px 3px 2px 7px;}
*/


.photoUploadWrap {margin:0 0 10px 0;padding:0px; /*border:dotted 1px #999;*/background:#f1f1f1; text-align:center; overflow-x:hidden;overflow-y:auto}

.photoUploadWrap .uploaderWrap {width:50%;height:40px; margin:10px; float:left; padding-top:5px}
.photoUploadWrap .uploaderWrap span{width:auto; float:left}
.photoUploadWrap .photoWrap {width:20%}
.photoWrap img {background:#fff; padding:3px; border:solid 1px #ccc; width:90px; height:105px; float:left}


span.empName, span.empSplitter, span.empNationality, span.empRank, span.empStatus {float:left; padding:0 2px}

span.empName {font-size:18px!important; font-style:italic;}
span.empSplitter{font-size:12px;}
span.empNationality{font-size:11px; font-weight:normal}
span.empRank{font-size:12px;}
span.empStatus{font-size:12px;}

.uploaderWrap label, 
.uploaderWrap span,
.uploaderWrap input[type=text],
.uploaderWrap input[type=submit]
{}
.uploaderWrap input[type=submit]{height:25px}
.uploaderWrap input[type=file] {margin:0 auto; width:80%}


.uploaderWrap2 input[type=file], .uploaderWrap2 span {float:left}
.uploaderWrap2 input[type=file]{width:90px!important}

.fileUploaderWrap {background:#fff;-moz-border-radius:4px; border-radius:4px; border:solid 1px #ccc; padding:10px; height:25px; margin-bottom:10px;}
.fileUploaderWrap label,.fileUploaderWrap div,
.fileUploaderWrap span,
.fileUploaderWrap input[type=text],.fileUploaderWrap input[type=file],
.fileUploaderWrap input[type=submit]
{float:left}
.fileUploaderWrap input[type=submit],
.fileUploaderWrap input[type=file] {height:25px}

.fileUploaderWrap2 label,.fileUploaderWrap2 div,
.fileUploaderWrap2 span,
.fileUploaderWrap2 input[type=text],.fileUploaderWrap2 input[type=file],
.fileUploaderWrap2 input[type=submit]
{float:left}



.profileWrap {background:#f1f1f1!important;-moz-border-radius:4px; border-radius:4px; padding:10px; border:solid 1px #d0d0d0}


.checkboxlistWrap {height:150px; overflow: auto;background:#f1f1f1 url(../../images/Theme1/sbnt-UM-wrapperGreyBG.gif) repeat-x top left; 
                  -moz-border-radius:4px; border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius: 4px;
                  border:solid 1px #ccc;padding:5px; margin:0 3px 0 0}


.searchContainerMargin{margin:5px 3%;}
.searchContainer, .searchContainerWrap {padding:5px; margin:0 0 15px 0; box-sizing:border-box;
                  background:#f1f1f1 url(../../images/Theme1/sbnt-UM-wrapperGreyBG.gif) repeat-x top left; 
                  -moz-border-radius:4px; border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius: 4px;
                  border:solid 1px #ccc; overflow:auto}
                  
.searchContainerWrap {padding:10px; clear:both}
.searchContainerWrap input[type=text] {height:21px; color:#666; padding:0 3px 3px 3px;box-sizing:border-box; margin-bottom:0}
.searchContainerWrap table {border-collapse:collapse; margin:0!important
                            }
.searchContainerWrap table, .searchContainerWrap table td, .searchContainerWrap select {margin:0!important; padding:0!important}


.searchContainerWrap input[type=image] {position:static!important}
.searchContainer span, .searchContainer label {padding:0 0px 0 5px; font-weight:bold;}
.searchContainer input[type=text], .searchContainer select {width:32%;min-width:18px; margin:0 0px 0px 8px!important; }
/*.searchContainer input[type=text]{height:18px!important}*/
.searchContainer input[type=image]{margin:0px 0 0 3px!important;}

.searchContainer input[type=text],.searchContainer input[type=Button],.searchContainer input[type=Submit],.searchContainer input[type=image], .searchContainer select, .searchContainer span, .searchContainer label { float:left;margin-bottom:0!important; margin:0px 0px 0 5px;}
.searchContainer input[type=submit] {width:auto; margin-left:5px;}

.searchContainer input[type=text].small, .searchContainer input[type=submit].small, .searchContainer select.small, .searchContainer span.small, .searchContainer label.small {width:55px!important;}
.searchContainer input[type=text].medium, .searchContainer input[type=submit].medium, .searchContainer select.medium, .searchContainer span.medium, .searchContainer label.medium {width:125px!important}
.searchContainer input[type=text].large, .searchContainer input[type=submit].large, .searchContainer select.large, .searchContainer span.large, .searchContainer label.large {width:160px!important}

.searchContainer-S {padding:8px .3% 8px .2%;margin:5px 2% 5px 0; background:/*#36537e*/#fff url(../../images/Theme1/sbnt-UM-wrapperGreyBG.gif) repeat-x top left; -moz-border-radius:4px; border-radius:4px; border:solid 1px #ccc;display:block; overflow:auto}
.searchContainer-S span, .searchContainer-S label {padding:0 0px 0px 8px;margin:0 0px 10px 0px; font-weight:bold; float:left}
.searchContainer-S input[type=text], .searchContainer-S select {width:60%;min-width:18px; margin:0 0px 10px 8px!important; float:left}
.searchContainer-S input[type=text]{height:18px}
.searchContainer-S input[type=submit]{}

.searchContainer-S input[type=text],.searchContainer-S input[type=image], .searchContainer-S select, .searchContainer-S span, .searchContainer-S label {float:left; margin-bottom:0!important}
.searchContainer-S input[type=submit] {width:auto; margin-left:5px; height:21px}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

.radioChkWraps {margin:12px 0; padding:0px}
.radioChkWraps table td{}
.radioChkWraps label,.radioChkWraps span, .radioChkWraps input[type=radio], radioChkWraps input[type=ckeckbox] {display:inline;margin-left:3px; padding-right:20px}
.radioChkWraps label, .radioChkWraps span{padding:0 0 0 5px!important; }

.radioChk {padding:0; margin:0 0 5px 0px;float:left; min-height:25px}
.radioChk table td{padding-right:2px; color:#006690!important}
.radioChk label,.radioChk span, .radioChk input[type=radio], .radioChk input[type=checkbox] {float:left;width:auto!important; line-height:19px; height:19px; margin-right:2px}
.radioChk label,.radioChk span{margin:0 3px 0 2px!important; padding:0 5px 0 1px!important; color:#006690!important}


.radioChk-S {padding:0; margin:0 0 5px 0px;float:left; min-height:25px}
.radioChk-S table td{padding:0px;}
.radioChk-S label,.radioChk-S span, .radioChk-S input[type=radio], .radioChk-S input[type=checkbox] {float:left;width:auto!important; line-height:22px; height:22px; margin:0 2px 0 0; padding:0}
.radioChk-S label, .radioChk-S span{margin:0 5px 0 2px; padding:0 2px 0 0 1px!important; /*width:35px!important;*/}




/*------------------------------------------------------------------------------------------------------------------------------------*/
/**/
.loginLayout {margin:0 auto;}
.loginWrap {padding:20px 10px 10px 10px; }
.userWrap {padding:15px 10px 10px 10px;}
.loginWrap, .userWrap { background:#ededed; border:solid 1px #e2e2e2; border-radius:4px; margin-bottom:15px; display:inline-block}

.loginWrap span, .loginWrap input[type=text], .loginWrap input[type=password] {width:100%!important; float:left!important; margin-bottom:5px!important; box-sizing:border-box}
.loginWrap input[type=text], .loginWrap input[type=password] {background:#f9f9f9!important;; border:solid 1px #e2e2e2!important;height:28px!important;}
input[type=submit].linkBtn {background:none!important; border:none; color:#00c5b5!important; font-size:14px!important}


.userImgWrap, .userInfoWrap{float:left} 
.userWrap .userImgWrap {width:60px; height:60px; border-radius:60px;  border:solid 5px #fff;background:url(../../images/Theme1/sbnt-um-profile-photo.gif) no-repeat center center;background-size: contain;}
.userWrap .userImgWrap img {border-radius:65px;width:60px; height:60px;}
.userWrap .userInfoWrap  {width:185px;padding-left:5px}

.userName, .userRank, .userStatus, .userVessel  {color:#333}
.userName {display:block; font-size:13px;width:100%;white-space: nowrap;overflow: hidden;}

.userRank, .userStatus, .userVessel {float:left; font-size:11px; margin-right:5px} 

.userRank { font-size:11px !important;}
.userStatus {font-size:11px !important;}
.userVessel {font-size:11px !important; margin-left:5px;}

.newRegWrap {width:340px; float:right; border-left:solid 1px #ddd; padding:10px 15px 30px 30px; height:210px}
.newRegProfileViewWrap { float:left;}




/* Profile Card Wrap Styles */

.profileCard {/*background:#f5f5f5;border-radius:2px;*/width:475px;padding:30px 0px 30px 10px; height:190px; position:relative}
.profileCard .photoUploadWrap{width:140px!important;height:200px!important;/* height:auto!important;*/position:absolute; top:0px; left:10px; background:url(../../images/Theme1/sbnt-um-profile-photo.gif) no-repeat center center;background-size: contain;}
.profileCard .photoUploadWrap img {width:100%!important;height:100%!important;float:left; overflow:hidden}
.profileCard .profileCard-ContentWrap {padding:0; position:absolute; top:25px; left:175px; right:30px}
.profileCard .profileCard-ContentWrap span {color:#000!important}


.theme-ContentWrap label, .theme-ContentWrap span {float:left; margin:0 0 2px 0; padding:0; min-height:22px}
.theme-ContentWrap label {width:50%; color:#00324c!important;}
.theme-ContentWrap span {width:50%; color:#00a688!important;}

th span, th, .rgHeader {font-weight:bold!important;}
td, th, table {font-size:13px!important;}




.empSWrap span {float:left; margin-left:10px; line-height:20px}
span.perSummaryEmpName {font-size:18px!important; padding-bottom:5px!important;display:block; width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis; }
span.perSummaryRank {font-size:12px!important;padding-bottom:5px!important;display:block; width:100%;}
span.perSummaryVessel {font-size:12px!important; color:#666;font-weight:normal; float:left; margin-right:15px}
span.perSummaryEmail {display:block; width:100%;}

span.perSummaryEmpName, span.perSummaryRank, span.perSummaryVessel, span.perSummaryEmail
{color:#000; }









/*        
.loginWrap input[type=submit] {height:24px; padding:1px 10px; margin:0px 0 0 5px; font-size:11px; font-weight:bold; color:#333;background:orange url(../../images/Theme1/sbnt-um-selectedMenu-bg.gif) repeat 0 0; border:solid 1px #a23500; float:left}             
.loginWrap input[type=text], .loginWrap input[type=password], .loginWrap select{float:left;width:125px; height:21px; padding:0; font-size:11px; background:#f5cbb6; border:solid 1px #f6ddcf}
.loginWrap a {color:#ccc; font-family:Arial; font-size:11px; position:absolute; top:90px; left:435px}
.loginWrap span, .loginWrap label{float:left;width:131px; height:21px; font-weight:bold; padding-left:3px; color:#222;}
.loginWrap input[type=submit],.loginWrap input[type=text], .loginWrap input[type=password],.loginWrap a {margin-right:3px}*/


/* Ajax Accordian CSS */

.accordion{font-family: Arial, Sans-Serif;font-size:12px; margin:0; padding:0; overflow:hidden!important}
.accordion a{padding:0; margin:0; border:none; color:Red}
.accordionHeader{border-bottom: 1px solid #999;background:#cccccc;cursor: pointer; height:25px;}
.accordionHeader span{color:#777777; font-weight:bold; padding:0 0 0 5px;}

.accordionHeader h1
{color:#999!important;}
.accordionHeaderSelected h1, .accordionHeaderSelected span 
{color:#fff!important;font-weight:bold; padding-left:5px}
.accordionHeaderSelected h1, .accordionHeader h1
{background:none; color:#fff!important; padding:3px 0 0 5px; margin:0 0 0 0; border:none; font-size:14px; font-weight:bold}

.accordionHeaderSelected{
background:#333333; color:#fff!important;
padding:0px;margin-top:0px;cursor: pointer;height:25px}
        
.accordionContent{
background:#ececec;border-bottom: 1px solid #999;border-top: none;padding:15px;}

.divListBoxWrap {width:19.5%;float:left; margin-left:.3%; margin-bottom:5px}
/*.divListBoxWrap {width: 130px; height:200px; float:left; margin-right:5px}*/
.divListBoxWrap span{margin:0 0 0 3px;}
.divListBoxSelectAllWrap{height:18px; }
.divListBoxSelectAllWrap, .divListBoxAllWrap {margin:2px 3px; border: solid 1px SteelBlue; padding:2px}
.divListBoxAllWrap {overflow: auto; max-height:130px;min-height:130px}

.divListBoxWrap-S {width:12.2%;float:left; margin-left:.3%; margin-bottom:5px}
.divListBoxWrap-S span{margin:0 0 0 5px;}

.divListBoxWrap-fxd {width:105px;float:left; margin-left:.3%; margin-bottom:5px}
.divListBoxWrap-fxd span{margin:0 0 0 5px;}

/*----------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'digital-7mono';
    src: url('../../fonts/digital-7_mono-webfont.eot');
    src: url('../../fonts/digital-7_mono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/digital-7_mono-webfont.woff') format('woff'),
         url('../../fonts/digital-7_mono-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------------------------------------------------*/
 .disable { cursor:default; }
 .enable { cursor:pointer;  }  

    
.errorHead {background:#005a8c; height:20px; padding:7px 10px}
.errorHead span{font-size:18px!important; color:#fff}  
.errorHead span, .errorHead img {float:left; height:26px; margin-top:-3px;}
.errorNote{padding:10px; text-align:center; min-height:30px}
.errorBtnWrap {padding:10px; text-align:center}


.treebtn_closed
        {
            /*border: 1px solid gray;  */
            margin-right: 10px;
            text-decoration: none;
            text-indent:0px;
            color:Red;
            width:21px;font-size:12px;
            height:20px!important; display:block;
            padding:0px 0px;
            text-align: right;
            background:url(../../images/Theme1/tree/book.png) no-repeat 0 0;
        }
        .treebtn_open
        {
            /*border: 1px solid gray;  */
            margin-right: 10px;
            text-decoration: none;
            text-indent: 3px;
            color:Red;
            width:18px;
            height:20px!important; display:block;
            padding:0px 0px;
            text-indent:12px;
            font-size:20px;
            background: url(../../images/Theme1/tree/book_open.png) no-repeat 0 0;
        }
        
        .tree_text
        {
            text-decoration: none;
            font-family: Tahoma;
            
        }
        
        .tree_result_text
        {
            text-decoration: none;
            font-family: Tahoma;
            font-weight: bold;
            
        }
        
        .tree_leaf
        {
            background: url(../../images/Theme1/tree/page.png) no-repeat 0 0;
            margin-right: 15px;
            width: 20px;
            height: 5px;
            padding: 2px 5px;
            text-align: center;
        }
        
/* New Popup Added on 20th Nov 12 */

    
#popup_box { display:none; /* Hide the DIV */
	position:fixed;_position:absolute; /* hack for internet explorer 6 */  
	background:#fff;  
	left:25px; right:25px;top:65px;
	z-index:100; /* height:300px;Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */  
	/* additional features, can be omitted */
	border:1px solid #00b4ff; padding:6px; font-size:15px;  
	-moz-box-shadow: 0 0 5px #00b4ff;
	-webkit-box-shadow: 0 0 5px #00b4ff;
	box-shadow: 0 0 5px #00b4ff;
	
}

#popup_box iframe {background:none!important; border:none!important; margin:0!important; padding:0!important}
#popup_box iframe body {margin:0!important}
#container {
	background: #d2d2d2; /*Sample*/
	width:100%;
	height:100%;
}

 

/* This is for the positioning of the Close Link */
#popupBoxClose, .popupBoxClose {
	font-size:18px!important;  
	line-height:12px!important;  
	right:-3px;  
	top:-20px;  
	position:absolute;  
	color:#fff;  
	font-weight:500;
	background:#00b4ff!important; 
	width:10px!important; height:25px!important; padding:0!important;	
}

/*--------------------------------*/

      
/*input[type=button],input[type=submit]
{
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    text-align: center;
    font-weight: bold;
    height:20px;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius:2px;
    background: #ffb76b;
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); 
-webkit-border-radius:2px;
    
    }

input[type=button]:hover,input[type=submit]:hover
{
    color: black;   
    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    
    background: #fceabb; 
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='green', endColorstr='orange',GradientType=0 ); 
}*/

/**/



#accordion-container {font-size: 13px;margin:1px!important; padding:0px!important;}
#accordion-container, #accordion-container h3, .accordion-header, .active-header, .inactive-header
{width:100%!important;; box-sizing:border-box!important;} 
#accordion-container h3 {margin-bottom:2px!important;}
.accordion-header {
	font-size: 16px;
	margin: 5px 0 0 0;
	padding: 5px 20px;
	cursor: pointer;
	color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; width:100%;
}

.active-header {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(../../js/vallenato/images/active-header.gif) #cdfbf7;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.active-header:hover {
	background: url(../../js/vallenato/images/active-header.gif) #8bc6e7;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header {
	background: url(../../js/vallenato/images/inactive-header.gif) #90ebe3;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header:hover {
	background: url(../../js/vallenato/images/inactive-header.gif) #8bc6e7;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.accordion-content {
	display: none;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e6f0ef;
	border-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}







/*===============================================================================================
Author  : Adish
Date    : 30-01-2015
Reson   : Bug fixing  |  Added new classes
=================================================================================================*/

.for_scroll {overflow:auto; max-height:450px;}
.for_scroll #TvProgamn1Nodes    {width:290px;}

.student_active_row {width:100%; height:auto;}
.student            {width:70%; float:left;}
.active             {width:20%; float:right;}
.active input       {margin-top:5px; margin-right:5px;}
.for_pading span:first-child   {margin-right:5px;}
.content_textEditor  {padding:10px; text-align:justify;}

.study_Matierials   {width:100; height:auto;}
.study_Matierials   {width:80%; height:auto; padding:10px; }
.study_Matierials #dvFiles {color:#666}
.study_Matierials #dvFiles > span {padding-right: 30px;}

.test_format span:first-child {color:#005a8c !important; width:130px;}

.test_format1 span:first-child {color:#005a8c !important; width:130px; font-size:11px !important}

.test_format2 span:first-child {color:#005a8c !important; width:100%; font-size:11px !important}

.rePeter_control_listin       {width:100%;}
.rePeter_control_listin_first span  {width:16%; height:auto; float:left; color:#005a8c !important;}
.rePeter_control_listin_second  {width:100%; height:auto; float:left; color:#666;}

.mrgin_top_new              {margin-bottom:20px;}
.for_txt_Editor  h3  span         {color:#666 !important; font-size:14px !important; line-height:18px !important}
.closeBtn_new           {width:26px; height:26px; position:absolute; right:5px; top:5px;}
.width90                {width:90% !important; float:left;}
.width10                {width:10%; float:left;}
.bg_black               {min-height:400px; background:url(../../images/Theme1/pdf_icon_bg.jpg) #999 no-repeat center 50%;}

.height337              {height: 337px !important; overflow-x: hidden;  overflow-y: auto !important;}
.height292              {height: 292px !important; overflow-x: hidden;  overflow-y: auto !important;}
.margin-top25           {margin-top:25px;}

.Timer_plus_finish      {margin-top:6px; padding:0 320px 0 0; float:none;}


/*==== Pagination ==================*/

.qnCounts-default       {background: #dcdcdc; border: 1px solid #BFBFBF; border-radius: 3px; color: #000; float: left; height: 15px; margin: 8px 3px 0 0; padding: 1px 8px 7px!important;  text-decoration: none; }
.qnCounts-active        {background: #00b0d5; border: 1px solid #00c5b5; border-radius: 3px; color: #fff; float: left; height: 15px; margin: 1px 3px 0 0;  padding: 5px 10px 10px !important;  text-decoration: none;}           
.qnCounts-checked       {background: #EDEA26; border: 1px solid #BFBD56; border-radius: 3px; color: #000; float: left; height: 15px; margin:8px 3px 0 0;  padding:  1px 8px 7px!important;  text-decoration: none;}                                 

.branch_button          {float:left; width:30px;}
.for_brach_icon         {padding-top:5px; float:left; width:90%;}




.highttextbox           {padding:5px 3px; height:25px !important}

.finish_Btn             {margin-right:300px !important;}

.loading_container      {width:100px; height:100px; background:url(../../images/Theme1/loading_blue.gif) no-repeat center top;}

.padding_for_msg        {padding:0 5px !important; cursor:pointer;}

.wdth20 input[type="checkbox"] {width:20px !important; padding:0px !important; margin:0px !important}
.wdth20                       {width:20px !important; padding:0px !important; margin:0px !important}  

.profile_pop_customize      {position:absolute; z-index:10000; border:3px solid #00c5b5 !important; background:#fff; border-radius:7px; top:10%; left:-277%; width:950px; padding:15px;height:300px; box-shadow:2px 5px 5px 1px #ccc}




/* will be red only in google chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .full_scrn_div{z-index:10000 !important;}
}

.progListBoxWrap table {width:100% !important;}
.progListBoxWrap table tr {width:48% !important; margin:10px 4px; float:left;}

.qust_num
{
    width:98%;
    height:auto;
    float:left;
    background:#eee;
    padding:2px 4px 2px 4px;
}

.quest_question
{width:100%; height:auto; float:left; padding:2px 0px; font-size:14px; color:#000; font-style:italic;}
}
.quest_iamges
{
    width:100%;
    height:auto;
    float:left;
    text-align:center;
    }
.quest_iamges img
{
    margin:0 auto; 
    }
    
.quest_wrap
{width:98%; 
 height:auto;
 max-height:250px;
 overflow-y:auto; 
 float:left; 
 border:1px solid #eee; 
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding:3px;
 margin-top:5px;
}

.test_format    {padding-right:5px; color:#000 !important} 

.test_format  i  {padding-LEFT:3px; color:#005a8c !important} 

.test_format1    {padding-right:5px; color:#005a8c !important; font-size:11px !important ; width:100% !important} 
.vesltype       {font-size:11px !important; color:#000 !important}

.tblle_blck     {width:60%; height:auto; float:left;}
.tblle_blck td  {padding:4px; text-align:center;margin:2px; color:#fff; border:2px solid #f9f9f9}
 
   
.quest_wrap a
{
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px; 
 padding:5px 0px  !important;
 margin:5px  !important;
 font-size:12px  !important;
 color:#1dd4c5 !important;}
 
 
 
 
 .txt_algn_cntr span
 {
     text-align:center !important;
     width:500px !important}

.brdr_new
{border:1px solid #eee; padding:2px 0px !important; text-align:center; background:#00c5b5 !important;}

.brdr_new h2 span
{font-size:14px; color:#fff !important;}


.row_wrap   {width:100%; float:left; padding-bottom:5px;}
.div100px   {width:100px; float:left;}
.div300px   {width:300px; float:left;}



.grid_btn_filtr input[type='submit'] {background-color:transparent!important; padding:0px !important; min-width:10px !important;}
.grid_btn_filtr input[type='submit']:hover{background-color:transparent !important}


.grid_btn_filtr input[type='submit'] {background-color:transparent!important; padding:0px !important; min-width:10px !important;}
.grid_btn_filtr input[type='submit']:hover{background-color:transparent !important}




.scrollVert375 {
    max-height: 375px;
    min-height: 375px;
    overflow: auto;
}
.fonsize11{font-size:10px !important;}


.statusreslut {
    float: right !important;
    margin-top: 10px;
}

.iconssforstatus {
    float: left;
    height: 25px;
    margin-right: 6px;
    margin-top: -3px;
    width: 25px;
}

 
 
.statuswithbtn {
    background: #ffaa52 url(../../images/Theme1/edgeofcut.jpg) no-repeat left center;
    color: #fff !important;
    padding: 1px 14px 5px 20px;
    position: absolute;
    right: -2px;
    top: 2px;
}

.colorWhitea{color:White !important; font-size:large;font-weight:bold;}

.positonforshowall  {position:absolute; top:0px; right:0px; z-index:1000; width:90px}
.loader {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    background: rgba(255,255,255,0.6);
    display: none;
}

    .loader:before {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px;
        opacity: 0.7;
        width: 50px;
        height: 50px;
        border-radius: 7px;
        border: 1px solid #aaa;
        content: "";
        z-index: 200;
        background: url('../../images/loader.gif') no-repeat center #ffffff;
        background-size: 70%;
    }