*
{
	margin: 0 0;
	padding: 0 0;
	font-family: Tahoma; /*Helvetica, Arial, sans-serif;*/
	font-size: 13px; /*12px;*/
}
html, body
{
    margin: 0; /* Remove body margin/padding */
    padding: 0;
    overflow: hidden; /* Remove scroll bars on browser window */
}
.clr{clear:both;}
.clearboth{clear:both;}
.hide{ display:none;}

#NorthPane {}
#LeftPane { z-index: 1 !important;}
#CenterPane { padding: 5px; overflow-x: auto; overflow-y: scroll; z-index: 1 !important; }
#SouthPane {}

#sideMenu {margin:5px 0px; background: #fff url("images/sidemenu-bg.png") repeat-x 0px 0px; overflow-y: auto; padding: 5px 2px;}

#sideMenuAccordion, #sideMenuAccordionHome{}
#sideMenuAccordion .ui-accordion-header, #sideMenuAccordionHome .ui-accordion-header {border-radius:0px; background:none; background-color: #000; border:none;}
#sideMenuAccordion .ui-accordion-header a, #sideMenuAccordionHome .ui-accordion-header a {padding: 3px; font-size: 12px; font-weight: bold; color:#fff; display: block;}
#sideMenuAccordion .ui-accordion-header.ui-state-hover, #sideMenuAccordionHome .ui-accordion-header a:hover {background:none; background-color: #00728F;}
#sideMenuAccordion .ui-accordion-content {border-radius:0px; padding:0px; background:none; border:none;}
#sideMenuAccordion .ui-accordion-content a {display:block; padding: 3px 7px; font-size: 11px; font-weight: bold; background-color: #7BBCFD; margin-bottom: 2px; color:#000; text-decoration: none;}
#sideMenuAccordion .ui-accordion-content a:hover {background-color: #fff;}

/* Barcode */
.divBarcode {margin-top: 15px; border: 1px #0085D3 solid; background-color: #fff; }
.divBarcode .divBarcodeTitle {display: block; background-color: #0085D3; color: #fff; font-weight: bold; padding: 5px;}
.divBarcode .divBarcodeInput { padding: 5px;}

.ui-layout-toggler-west-open { background: transparent url("images/side-lt.png") no-repeat 0px center; }
.ui-layout-toggler-west-closed { background: url("images/side-rt.png") no-repeat transparent right center;}
.spliter-page-west-open {margin-left: -12px !important;}

.topArea{ display:block; min-width:700px; height: 25px; margin-right: 5px; margin-left: 5px; }
.left-topArea{ display:block; width:50%; float:left; padding: 4px 0px ;}
.right-topArea{ display:block; width:50%; float:right; text-align:right; padding: 4px 0px ; color:#999999;}
.lbAppname a{color:#999999; text-decoration: none;}
.lbAppname a:hover{color:#000; text-decoration: underline;}
#lblDisplayName {color: #000;}
    
.logoArea{ display:block; height:30px; position: relative; z-index: 2; }
.logoArea img {height:30px; width: 30px; left:5px; top: 0px;  position: absolute;  z-index: 1; }
.logoArea .logoArea-banner { height:30px; background: /*url("images/logos/logo.png")*/ no-repeat #fff 0 0; position: relative; margin-left: 40px;}
.logoArea .title{ padding: 6px 5px 10px 5px; font-weight:bold; font-size: 14px; white-space: nowrap;}

.mainArea{background-color: #D1F2F2;}
.mainArea .mainArea-right, .mainArea .mainArea-left
{background: #fff url("images/circle.png") no-repeat; display: block; width:8px; height: 8px;}
.mainArea .mainArea-top,  .mainArea .mainArea-bottom
{background: transparent url("images/line.png") repeat-x; height: 8px; display:block;}
.mainArea .mainArea-top{background-position: 0px 0px;}
.mainArea .mainArea-bottom{background-position: 0px -9px;}
.mainArea .mainArea-right{float: right;}
.mainArea .mainArea-left{float: left;}
.mainArea .mainArea-top .mainArea-right{background-position: -9px 0px; font-size: 1px;}
.mainArea .mainArea-top .mainArea-left{background-position: 0px 0px; font-size: 1px;}
.mainArea .mainArea-bottom .mainArea-right{background-position: -9px -9px; font-size: 1px;}
.mainArea .mainArea-bottom .mainArea-left{background-position: 0px -9px; font-size: 1px;}
.mainArea .mainArea-middle{ padding:0px 12px; border-left: #9BEEFF 1px solid; border-right: #9BEEFF 1px solid; }

.navigator-contianerArea{background: none repeat scroll 0 0 #eee; border: 1px solid #CCCCCC; font-size: 11px; padding: 3px 10px; margin-bottom: 10px; }
.navigator-contianerArea img {height: 13px;}
.navigator-contianerArea a {font-size: 13px; color: #333333;}
.navigator-contianerArea a:hover {text-decoration: none;}


.containerArea{display:block; background:#aaa;padding:10px; margin:auto; min-width:700px;  background: url("images/bg.png") repeat-x rgb(134,174,279);}
.main-contianerArea{display:block;  background: #fff url("images/a1.png") no-repeat  left 0;}
.rt-main-contianerArea { display:block; background: url("images/a2.png") no-repeat   right 4px;   padding-top: 11px;}
.rb-main-contianerArea{ display:block; background: url("images/a3.png") no-repeat  100% 100%;}
.lb-main-contianerArea{ display:block; background: url("images/a4.png") no-repeat  1px 100%; padding: 25px 15px; min-height:400px;}

.content-main-contianerArea { background: #fff; min-height: 400px; margin: 0px; padding: 5px; border: #CCCCCC 1px solid; }
.content-main-contianerArea h4 {margin-bottom:5px; }

.bottomArea{ display:block; background:#ccc; height:20px; min-width:700px; font-size:10px; font-weight: bold; padding:0px 5px;}
.left-bottomArea{display:block; width:20%; float:left; padding: 3px 0px; }
.right-bottomArea{display:block; width:80%; float:right; text-align:right; padding: 3px 0px;}

.buttonArea { text-align: right; display:block;margin:5px 0;}
.buttonArea button{}

.search-zone { background: none repeat scroll 0 0 #eee; border: 1px solid #666666; margin-bottom: 5px;  }
.search-zone input[type=text] { width:200px; padding: 3px 0 ; margin: 0 5px;  }
.search-zone-content {padding: 3px 5px; }
.search-zone-content .text-info {font-weight: bold;}
.search-zone-content .lnkAdvanceSearch{cursor:pointer; text-decoration: underline;}
.search-zone-content .lnkAdvanceSearch:hover { text-decoration: none; }
.search-zone-content .search-zone-button .ui-button-text {padding-top:1px; padding-bottom:1px; }
.search-zone-advance {padding: 3px 5px; /*background-color:#999999;*/ display:block;}
.search-zone-advance input[type=text] { width:230px; padding:0 ; margin: 0;  }
.search-zone-advance select { width:250px; }
.search-zone-advance-filter { float:left; width:48%; margin:2px 0px 3px; display:block; min-width: 380px; }
.search-zone-advance-filter label { margin-right:5px; width:120px; display: inline-block; }

.action-grid-zone {background: none repeat scroll 0 0 #eee; border: 1px solid #666666; margin-top: 5px; padding: 2px;}
.action-grid-zone .ui-button-text {padding-top:1px; padding-bottom:1px;}

.hint {color:#666666; font-style: italic; margin-top: 7px; font-family: tahoma;}
.missing { text-align: center; padding: 10px 0px; border: 1px solid #000; font-weight: bold;}

#logout{ cursor: pointer;}

/********************** Exam Add on ****************************/
.divExam {border: 1px #ffa500 solid; background-color: #FFD324; padding: 5px; margin-bottom: 7px;}
.divExam .divExamDetail {font-weight: bold; display: block; float: left;}
.divExam .divExamChange {display: block; float: right; width: 100px; text-align: right;}
.divExam .divExamChange span {font-weight: bold; text-decoration: underline; color: #0070a3; cursor: pointer;}