@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'daxcompact-boldregular';
    src: url('../css/fonts/daxcompact-bold-webfont.eot');
    src: url('../css/fonts/daxcompact-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/daxcompact-bold-webfont.woff') format('woff'),
         url('../css/fonts/daxcompact-bold-webfont.ttf') format('truetype'),
         url('../css/fonts/daxcompact-bold-webfont.svg#daxcompact-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'habibi-regular';
    src: url('../css/fonts/habibi-regular-webfont.eot');
    src: url('../css/fonts/habibi-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/habibi-regular-webfont.woff') format('woff'),
         url('../css/fonts/habibi-regular-webfont.ttf') format('truetype'),
         url('../css/fonts/habibi-regular-webfont.svg#habibi-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alfaslabone-regular-otf';
    src: url('../css/fonts/alfaslabone-regular-otf-webfont.eot');
    src: url('../css/fonts/alfaslabone-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/alfaslabone-regular-otf-webfont.woff') format('woff'),
         url('../css/fonts/alfaslabone-regular-otf-webfont.ttf') format('truetype'),
         url('../css/fonts/alfaslabone-regular-otf-webfont.svg#habibi-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'daxcompact-extraboldregular';
    src: url('../css/fonts/daxcompact-extrabold-webfont.eot');
    src: url('../css/fonts/daxcompact-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/daxcompact-extrabold-webfont.woff') format('woff'),
         url('../css/fonts/daxcompact-extrabold-webfont.ttf') format('truetype'),
         url('../css/fonts/daxcompact-extrabold-webfont.svg#daxcompact-extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'UbuntuRegular';
    src: url('../css/fonts/Ubuntu-R-webfont.eot');
    src: url('../css/fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../css/fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../css/fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UbuntuBold';
    src: url('../css/fonts/Ubuntu-B-webfont.eot');
    src: url('../css/fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../css/fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../css/fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'daxcompact-lightregular';
    src: url('../css/fonts/daxcompact-light-webfont.eot');
    src: url('../css/fonts/daxcompact-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/daxcompact-light-webfont.woff') format('woff'),
         url('../css/fonts/daxcompact-light-webfont.ttf') format('truetype'),
         url('../css/fonts/daxcompact-light-webfont.svg#daxcompact-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'daxcompact-mediumregular';
    src: url('../css/fonts/daxcompact-medium-webfont.eot');
    src: url('../css/fonts/daxcompact-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/daxcompact-medium-webfont.woff') format('woff'),
         url('../css/fonts/daxcompact-medium-webfont.ttf') format('truetype'),
         url('../css/fonts/daxcompact-medium-webfont.svg#daxcompact-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}
td, input, textarea {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}
#footer td, input, textarea {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}
table {
border-collapse:collapse;
}
.greytext{
color:#999999;
}
.blacktext{
color:#000000;
}
.header{
font-weight:bold;
}
.smaller {
	font-size:10px;
}
.title{
font-weight:bold;
font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000066
}
#main table{
border-collapse:collapse;
}
#main table input,#main table select{
color:#990000;
border: 1px solid #000066;
font-size:11px;
}
#main table #button{
color:#ffffff;
background-color:#000099;
border: 2px solid #0000FF ;
}
/*.alert{
color:#FF0000;
font-weight:bold;
}*/
.alert{
  padding: 5px;
  /*margin-bottom: 10px;*/
  border: 1px solid transparent;
  border-radius: 4px;
}
.blink {
	text-decoration: blink;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success,.note{
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#c8e5bc));
	background-image:-webkit-linear-gradient(top,#dff0d8,0%,#c8e5bc,100%);
	background-image:-moz-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
	background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
	background-repeat:repeat-x;
	border-color:#b2dba1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info {
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#b9def0));
	background-image:-webkit-linear-gradient(top,#d9edf7,0%,#b9def0,100%);
	background-image:-moz-linear-gradient(top,#d9edf7 0,#b9def0 100%);
	background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
	background-repeat:repeat-x;border-color:#9acfea;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
	}
.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.alert-warning{
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#f8efc0));
	background-image:-webkit-linear-gradient(top,#fcf8e3,0%,#f8efc0,100%);
	background-image:-moz-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
	background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
	background-repeat:repeat-x;border-color:#f5e79e;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)
}
.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger{
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#e7c3c3));
	background-image:-webkit-linear-gradient(top,#f2dede,0%,#e7c3c3,100%);
	background-image:-moz-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
	background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
	background-repeat:repeat-x;border-color:#dca7a7;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)
}
h1,.h1 {
	font-size: 36px;
font-family: "daxcompact-mediumregular",Calibri, Tahoma, Arial, Helvetica, sans-serif;

}
h2,.h2 {
	font-size:23px;
	font-family: "daxcompact-mediumregular",Calibri, Tahoma, Arial, Helvetica, sans-serif;

}
h3,.h3 {
	font-size:16px;
	color: #039;
font-family: "daxcompact-mediumregular",Calibri, Tahoma, Arial, Helvetica, sans-serif;
}
.table {
	border-collapse:collapse;
	border:1px #999 solid;
	background-color:#efefef;
	text-align: left;

}
.table .col1 {
	background-color:#CCC;
}
#action_form label.error {
width: auto;
display: table-row;
float: right;
color: red;
padding-left: 10px;
font-weight:normal;
} 
#action_form label {
  padding: 5px 0;
  clear: both;
  width: 700px;
}
div#masthead_body br { 
   display: none;
}
div#masthead_body {
   position: relative;
   display: block;

   overflow: hidden; 
}
.error {
	float: left;
	color: red;
	/*padding-left: 10px;*/
	font-weight:normal;
}
.note {
	background-color:#F00;
	padding:2px 10px 2px 10px;
	border:1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	color:#fff;
	font-weight:bold;
	position:relative;
	top:1px;
	text-align:left;
	margin:5px;
}
table.table_form,.senarai, .list, .senaraisort{
	border:1px solid #000000;
	border-collapse:collapse;
}
table.table_form td:nth-child(1){
	background-color: #CCCCCC;
	font-weight:bold;
}
table.table_form td:nth-child(2){
	background-color: #efefef;

}
table.table_form td table td:first-child{
	background-color: transparent;
	font-weight: normal;
}
.box1{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#efefef;
}
.box2{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#cccccc;
}
.box3{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFEADF;
}
.box4{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#DDF3FB;
}