body{ background: #fff;  font: normal 12px "Arial", Helvetica, sans-serif; margin:0px; padding:0px; cursor:default; color:#333}
h1, h2, h3, h4, h5, h6, p, div, span { margin: 0px; padding: 0px}
ul, ol, li, dl, dt, dd { list-style-type: none; margin: 0; padding: 0}
a { outline: none; text-decoration: none; }
a img { border: 0}
/*table, th, tr, td { margin: 0; padding: 0}*/
form, fieldset, label, input, select, checkbox { margin: 0; padding: 0}
fieldset { width: 100%; border: 0}
html,body{ height:100%}
.clear{ clear: both; height: 0; visibility: hidden; display: block}

/******* GENERAL RESET *******/
h1{ font-weight: 700; font-size: 18px; line-height: 2em; color: #5f95ef; margin-bottom: 1em}
h2{ font: bold 16px "Arial", Helvetica, sans-serif; color:#fc9314; border-bottom:solid 0px #999; padding:5px 5px 5px 7px; margin:5px}
.h2heading{ font: bold 16px "Arial", Helvetica, sans-serif; color:#fc9314; border-bottom:solid 0px #999; padding:5px 5px 5px 2px; margin:5px 5px 5px 0px}
.madatoryText { color:red; }
.normalHeight {height:5px; }
.searchPanel {background:#F2F2F2; border:solid 1px #F0EFEB; padding:5px; }
.bigHieght {height:265px; }
.bigHieght1 {height:135px; }
.note {color:#996600; font-size:11px; font-style:italic; }
.displayLabel {padding:5px; background:#f4f5fc; }

/* tab-header styles*/
div.tab_header{float:left; width:99%; margin:0; padding:0; clear:left; border:0px solid red; }
ul.up, ul.up li{list-style-type:none; margin:0; padding:0; float:left}
ul.up {margin-left:.5em; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:bold}
ul.up li{ border:solid 0px #fff;margin-right: 2px; color:#000000; background-color:#ffffff; padding:3px 5px 3px 5px; }
ul.up li a:link, ul.up li a:visited{ float:left; text-decoration:none; color: #000000;  font-weight:bold}
/*ul.up a:link, ul.up a:visited { float:left;  padding: 3px 5px 3px 5px; }
ul.up a:hover { background: #fff; color: #0b57a5 }
ul.up li.activelink a, ul.up li.activelink a:hover{ background: #fff; color: #0b57a5;  border-bottom:solid 0px #000; }
/* //tab-header styles*/
/* tab styles */

div.tabs{ float:left; width: 99%; margin:0; padding:0; clear:right; border:0px solid green}
ul.nav,ul.nav li{ list-style-type:none; margin:0; padding:0; float:right }
ul.nav{ margin-left:.5em; font-family:"Arial", Helvetica, sans-serif; font-size:12px; }
ul.nav li{ float:left;margin-right: 2px;text-align: center}
ul.nav a:link, ul.nav a:visited { float:left;  padding: 3px 5px 3px 5px; background: #ff8400; text-decoration:none; color: #fff;  border-top:solid 2px #ff8400; border-right:solid 2px #ff8400; border-left:solid 2px #ff8400; font-weight:bold}
ul.nav a:hover { background: #fff; color: #0b57a5 }
ul.nav li.activelink a,ul.nav li.activelink a:hover { background: #fff; color: #0b57a5;  border-bottom:solid 0px #000; }

/* // tab styles */


/* TEXT BOX STYLES */
input, textarea {font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; }
.textbox-mobile{ width:85px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-postcode{ width:55px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-postcode-2{ width:65px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-phone1{ width:20px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-phone2{ width:30px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-phone3{ width:60px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-phone4{ width:45px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-passport{ width:70px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }

.textbox-vsmall{ width:30px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-vsmall-2{ width:20px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-vsmall-3{ width:15px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-vsmall-1{ width:50px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-small{ width:140px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-small-1{ width:180px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-medium{ width:215px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-large{ width:250px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-large-1{ width:300px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-large-2{ width:415px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-custom{font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-date{ width:70px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; }
.textbox-room{ width:20px; font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; text-align:center; }

/* TEXT BOX AREA STYLES */
.textarea-smallbox{ font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; width:215px; height:50px; text-align:left; }
.textarea-smallbox-2{ font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; width:250px; height:50px; text-align:left; }
.textarea-medium{ font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; width:300px; height:50px; text-align:left}
.textarea-large{ font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; width:350px; text-align:left}
.textarea-large-2{ font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; width:535px; text-align:left}
.textarea-custom{ font: normal 12px "Arial", Helvetica, sans-serif; padding: 3px; color: #000; border: 1px solid #cecece; text-align:left}

/* DROPDOWN STYLES */
.dropdown{font: normal 12px "Arial", Helvetica, sans-serif; padding: 0px; color: #000; border: 1px solid #cecece; }
.selectbox{font: normal 12px "Arial", Helvetica, sans-serif; padding: 0px; color: #000; border: 1px solid #cecece; }
/* HYPERLINKS */
a:link, a:visited, a:active{ color:#0b57a5; font: normal 12px "Arial", Helvetica, sans-serif; text-decoration:underline}
a:hover{ color:#F90; font: normal 12px "Arial", Helvetica, sans-serif; text-decoration:none}
.error-lable{ padding:4px 4px 4px 0px; color:#e77776}

a.link1:link, a.link1:visited, a.link1:active{ color:#0b57a5; font: bold 12px "Arial", Helvetica, sans-serif; text-decoration:none}
a.link1:hover{ color:#F90; font: bold 12px "Arial", Helvetica, sans-serif; text-decoration:none}


/* MAIN STYLES */
.mainpnl{ width: 990px; margin:auto; }
.header{ width: 100%; height:145px;  margin-bottom:5px; color:#000; padding-bottom:0px; clear:both}
.header h1{ font-weight: bold; font-size: 45px; float:left; margin:0px; width:200px; padding:5px; color: #fc9314}
.toplinks{ text-align:right; float:right; padding:3px 0 0 0; }
a.toplink:link, a.toplink:visited, a.toplink:active{ color:#0b57a5; font: normal 12px "Arial", Helvetica, sans-serif; text-decoration:none}
a.toplink:hover{ color:#F90; font: normal 12px "Arial", Helvetica, sans-serif; text-decoration:underline}
.logout-pnl{ text-align:right; padding-bottom:5px; padding-top:5px; }
.second-menu{ width:100%; height:23px; border:solid 0px red}
.sub-menu { text-align:right; float:right}
.sub-menu li { float: left; padding:4px 8px 2px 4px }
.menu{ background-color:#ff8400; margin-right:10px}
.menu1{ background-color:#fff; border-top:solid 2px #F90; border-left:solid 2px #F90; border-right:solid 2px #F90; border-bottom:solid 0px; margin-right:10px; height:14px}
a.menulink:link, a.menulink:active, a.menulink:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#fff; font-weight:bold; }
a.menulink:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#f0f0f0; font-weight:bold; }
a.active{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#0b57a5; }
.border-right {border-right:solid 1px #ccc; }

/* LOGIN PAGE STYLES */
.fieldset-panel{ width: 100%; padding:20px 0px 0px 0px}
.fieldset-panel fieldset{  padding: 10px 0 10px 0px; margin:auto; border:dotted 0px #ccc; }
.fieldset-panel fieldset h2{ font: bold 16px "Arial", Helvetica, sans-serif; color:#f44b00; border-bottom:dotted 1px #999; padding:5px; margin:5px}
.fieldset-panel fieldset label{ float: left; font: normal 12px "Arial", Helvetica, sans-serif; color:#0b57a5;	text-align: right;  width: 170px; margin: 5px 6px 12px 0} 
.fieldset-panel br{ clear: left; }
a.hyperlink:link, a.hyperlink:visited, a.hyperlink:active{ color:#0b57a5; font: normal 12px "Arial", Helvetica, sans-serif; text-decoration:underline}
a.hyperlink:hover{ color:#F90; font: normal 12px "Arial", Helvetica, sans-serif; text-decoration:none}
.login-pnl{ width:auto; margin:auto}

/* BODY STYLES */
.content{ /*min-height:360px;*/ border:solid 2px #800000; background-color:#EFEFEF; }
.mes-txt{ font-size:11px; padding-top:5px; text-align:center}
.mes-txt-left{ font-size:11px; padding-top:5px; text-align:left}
.mes-txt div{ clear:both; }
.inner-content{ width:100%; }
.inner-content label{ line-height:15px; font: normal 12px "Arial", Helvetica, sans-serif; color:#0b57a5; }
.inner-content .block label{ line-height:15px; font: normal 12px "Arial", Helvetica, sans-serif; color:#0b57a5; }
.content .block label{ line-height:15px; font: normal 12px "Arial", Helvetica, sans-serif; color:#0b57a5; }
.width-pnl{ width:22%}
.pad-left{ padding-left:5px}
.pad-right {padding-right:5px; }
.pad-right-2 {padding-right:10px; }
.pad-right-3 {padding-right:15px; }
.contt-center{margin:auto; width:auto; background:#fff; }
.content-auto {margin:auto; background:#fff; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 0px #ccc; }
label.error {display: block; color: red; text-align:left; clear:both; }
div.block{ padding:0px 10px 10px 10px}
div.select_multi{border:3px solid #EFEFEF}

.btn-submit-small{ border:solid 1px #999; color:#fff; background-color:#0b57a5; padding:2px; cursor:pointer; }
.btn-submit-small:hover{ border:solid 1px #106db3; color:#fff; background-color:#F90; padding:2px; cursor:pointer; }
.btn-submit{ border:solid 1px #999; color:#fff; background-color:#0b57a5; padding:2px 8px 2px 8px; cursor:pointer; }
.btn-submit:hover{ border:solid 1px #106db3; color:#fff; background-color:#F90; padding:2px 8px 2px 8px; cursor:pointer; }
.btn-edit-gray{ border:solid 1px #999;  padding:1px 0px; cursor:pointer}

.btn-grid{ border:solid 1px #BBC7D3; color:#0B57A5; background-color:#F0F4FC; padding:2px 3px 2px 3px; cursor:pointer}
.btn-grid:hover{background-color:#F7F9FC; border:solid 1px #BBC7D3; color:#000; cursor:pointer; padding:2px 8px 2px 8px}

.btn-row{  text-align:right; padding: 6px 10px 6px 10px; background:#fff; border-top:solid 0px #E0E0E0}
.btn-row1{  text-align:left; padding: 6px 10px 6px 10px; background:#fff; border-top:solid 0px #E0E0E0}

a.search-add-btm:link{ border:solid 1px #999; color:#fff; background-color:#0b57a5; padding:22px 20px 22px 20px; text-decoration:none; }
a.search-add-btm:visited{ border:solid 1px #999; color:#fff; background-color:#0b57a5; padding:22px 20px 22px 20px; text-decoration:none; }
a.search-add-btm:hover{background-color:#F90; color:#fff; }

/* GRID STYLES */
.grid{ border:solid 1px #F0EDED; width:50%; empty-cells:show;  }
.grid1{ empty-cells:show; }
.gridHeaderList {height:25px; background:#fc9314; color:#fff; font-weight:bold; padding-left:5px; padding-right:5px; text-align: center; border: 1px solid #800000; }
.gridRowList {padding-left:5px; padding-right:5px; height:22px; background:#FBEBD9; border: 1px solid #cecece;}
.gridRowAlt {padding-left:5px; padding-right:5px; height:22px; background:#FFFFCC; border: 1px solid #cecece; }
.gridFooter {height:25px; background:#D3E5FB; color:#000; font-weight:bold; padding-left:5px; padding-right:5px; text-align: right; }
.gridRowGreen { padding-left:5px; padding-right:5px; height:22px; background:#F3F4F6; color: green; border: 1px solid #cecece; }
.gridRowOrange { padding-left:5px; padding-right:5px; height:22px; background:#F3F4F6; color: orange; border: 1px solid #cecece; }
.gridRowRed {padding-left:5px; padding-right:5px; height:22px; background:#F3F4F6; color: red; border: 1px solid #cecece;}
.gridHeader1 {height:25px; color:#000; font: normal 12px "Arial", Helvetica, sans-serif; color:#0b57a5; padding-left:5px; padding-right:5px; border-right:solid 1px #DDE1FC}
.gridRow1 {padding-left:5px; padding-right:5px; height:22px; background-color:#f4f5fc}
.grid2 { border:solid 1px #DDE1FC; empty-cells:show; }
.gridHeader { height:25px; background:#D3E5FB; color:#000; font-weight:bold; padding-left:5px; padding-right:5px; text-align: center; border: 1px solid #cecece; }
.gridHeaderLeft { height:25px; background:#D3E5FB; color:#000; font-weight:bold; padding-left:5px; padding-right:5px; border: 1px solid #cecece; }
.gridRow { height:20px; background:#F2F2F2; border: 1px solid #cecece; }
.gridRowCenter { height:20px; padding-left:5px; padding-right:5px; background:#F2F2F2; border: 1px solid #cecece; text-align: center; }
.gridHeaderRoom {height:20px; background:#D3E5FB; color:#000; font-weight:bold; padding-left:5px; padding-right:5px; border: 1px solid #cecece; }
.gridRowRoom { height:20px; background:#F2F2F2; text-align: center; border: 1px solid #cecece; }
.footer{ height:40px; border-top:dashed 0px #ccc; color:#999; padding:4px 0px 0px 0px; }
.gridBottomNav {height:28px; padding:0px 0 0 0; }
.invoiceRow {background:#F3F4F6}
.invoiceRowAlt {background:#FFEEDD}

/* Navigation */
#navigation { height: 98px;  overflow: hidden text-align:right; }
#navigation li { float: left; }
#navigation a { background-position:top; height: 98px; display: block}
#navigation .current a, #navigation .current a:hover { background-position: top; cursor: default}
#navigation a.tab-active { background-position: bottom; cursor: default}
#nav_agent { width: 124px; background-image: url(../images/tabnavigations/agent.jpg); background-repeat:no-repeat}
#nav_student { width: 124px; background-image: url(../images/tabnavigations/student.jpg); background-repeat:no-repeat}
#nav_colleges { width: 124px; background-image: url(../images/tabnavigations/colleges.jpg); background-repeat:no-repeat}
#nav_lodging { width: 124px; background-image: url(../images/tabnavigations/lodging.jpg); background-repeat:no-repeat}
#nav_teachers { width: 61px; background-image: url(../images/tabnavigations/teachers.jpg); background-repeat:no-repeat; }
#nav_accounts { width: 75px; background-image: url(../images/tabnavigations/accounts.jpg); background-repeat:no-repeat}	
#nav_admin{ width: 124px; background-image: url(../images/tabnavigations/admin.jpg); background-repeat:no-repeat}
#nav_report { width: 124px; background-image: url(../images/tabnavigations/report.jpg); background-repeat:no-repeat}
#navigation a:hover{ background-position:bottom}

/******* FORM *******/
.errorMessageBox {width:98%; margin:auto; font-size:12px; padding-bottom:10px; padding-left:13px; color: red}
.errorMessageBox-popup { margin:auto; font-size:12px; padding-bottom:10px; color: red}
.agentForm{ padding: 0 0px 0px; }
.agentForm input.error { background: #f8dbdb; border-color: #e77776; }
.agentForm textarea.error{ background: #f8dbdb; border-color: #e77776; }
.agentForm div span.error{ color: red; }
#error{ margin-bottom: 20px; border: 1px solid #efefef; }
#error ul{ list-style: square; padding: 5px; font-size: 11px; }
#error ul li{ list-style-position: inside; line-height: 1.6em; }
#error ul li strong{ color: red; }
#error.valid ul li strong{ color: red}
.error{color: red; text-align:left; }
.sucessMessage {color: green; }
.labeltext { text-align:right; color:#0b57a5}
a.balloon {color: black; text-decoration: none; font-weight:bold}
a.roomVacant { display: block; width: 20px; border: 1px solid black; padding: 3px; background: #FFF; text-decoration: none; }
#comm_action_div { float: left; }
table.profile { border-color: #600; border-width: 0 0 1px 1px; border-style: solid; }
td.profile { border-color: #600; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; background-color: #FFC; }