body {
margin : 0;
padding : 0 0 30px 0;
font-family : "Trebuchet MS";
font-size : 12px;
}
#header {
background-repeat : repeat-x;
padding-left : 10px;
}
code {
color : #FF0000;
}
#topMenu {
background-image : url(../img/bar_header.jpg);
background-repeat : repeat-x;
height : 25px;
line-height: 18px;
font-size : 11px;
font-weight : normal;
}
#topMenu .right {
text-align : right;
padding-right : 7px;
}
#topMenu .right a, #topMenu .right a:link, #topMenu .right a:visited {
text-decoration : none;
}
#topMenu .right a:hover {
text-decoration : underline;
color : #00CCCC;
}
#topMenu .left {
text-align : left;
padding-left : 5px;
}
#sideMenu_1 {
padding-left : 10px;
padding-top : 0;
padding-bottom : 20px;
vertical-align : top;
}
#sideMenu_1 .topLinks {
padding-left : 7px;
font-size : 11px;
font-weight : bold;
}
#sideMenu_1 .topLinks a, #sideMenu_1 .topLinks a:link, #sideMenu_1 .topLinks a:visited {
text-decoration : none;
text-align : left;
}
#sideMenu_1 .topLinks a:hover {
text-decoration : underline;
color : #00CCCC;
}
#sideMenu_2 {
border-left : 1px solid #6462B7;
border-right : 1px solid #6462B7;
vertical-align : top;
}
#sideMenuTitle {
color : #003366;
font-size : 11px;
padding : 5px 12px 5px 5px;
border-left : 1px solid #00FF99;
border-top : 1px solid #00FF99;
border-right : 1px solid #00FF99;
background-color : #F0FFF7;
font-weight : bold;
text-transform : uppercase;
}
#sideMenuSubTitle {
font-weight : bold;
cursor : pointer;
}
#sideMenuItem, #sideMenuItemBottom, #sideMenuItemActive, #sideMenuItemBottomActive {
border-left : 1px solid #00FF99;
border-right : 1px solid #00FF99;
padding : 2px 5px 2px 16px;
font-size : 11px;
background-color : #F0FFF7;
}
#sideMenuItemBottom, #sideMenuItemBottomActive {
padding-bottom : 10px;
}
#sideMenuTitle a, #sideMenuTitle a:visited, #sideMenuTitle a:link {
text-decoration : none;
color : #003366;
}
#sideMenuTitle a:hover {
text-decoration : none;
color : #00CCCC;
}
#sideMenuSubTitle :hover {
text-decoration : none;
color : #00CCCC;
}
#sideMenuItem a, #sideMenuItem a:visited, #sideMenuItem a:link, #sideMenuItemBottom a, #sideMenuItemBottom a:visited, #sideMenuItemBottom a:link {
text-decoration : none;
color : #365993;
}
#sideMenuItem a:hover, #sideMenuItemBottom a:hover, #sideMenuItemActive a:hover, #sideMenuItemBottomActive a:hover {
text-decoration : none;
color : #00CCCC;
}
#sideMenuItemActive a, #sideMenuItemActive a:link, #sideMenuItemBottomActive a, #sideMenuItemBottomActive a:link {
color : #00A6A6;
text-decoration : underline;
}
#sideMenuBottomLine {
color : #003366;
font-size : 10px;
padding : 5px 12px 5px 5px;
border-top : 1px solid #00FF99;
background-color : #efeff7;
}
#miniLinks {
font-size : 10px;
font-weight : normal;
}
#miniLinks a, #miniLinks a:visited, #miniLinks a:link {
text-decoration : none;
color : #365993;
}
#miniLinks a:hover {
text-decoration : none;
color : #00CCCC;
}
.bukakTutup {
padding-bottom : 4px;
width : 11px;
height : 11px;
border : none;
}
#content {
vertical-align : top;
padding-top : 1px;
}
#bottomLinks {
background-image : url(../img/bar_header.jpg);
background-repeat : repeat-x;
height : 29px;
line-height : 23px;
font-size : 11px;
text-align : center;
}
#bottomLinks a, #bottomLinks a:link, #bottomLinks a:visited {
text-decoration : none;
}
#bottomLinks a:hover {
text-decoration : underline;
color : #00CCCC;
}
#footer {
font-size : 11px;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
}
#bottomText, #pageGeneration {
font-size : 11px;
text-align : center;
color : #333333;
}
.inputButton, #loginScreen .inputButton {
font-family : "Trebuchet MS";
font-size : 12px;
color : #333333;
padding : 0 2px 0 2px;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
.inputButton:hover, #loginScreen .inputButton:hover {
background-color : #E0E0E0;
}
#contentCenter {
background-color : #fffff7;
padding : 0 5px 10px 5px;
}
#loginError {
text-align : center;
color : #FF0000;
margin-left : auto;
margin-right : auto;
}
#loginHeader {
border-top : 1px solid #cad6e8;
width : 230px;
color : #dbe7f5;
font-size : 12px;
background-color : #ebeef2;
height : 27px;
line-height : 27px;
margin-left : auto;
margin-right : auto;
background-image : url(../img/header_login.jpg);
background-repeat : repeat-x;
padding : 2px 10px 2px 10px;
font-weight : bold;
text-align : center;
}
#loginShadow {
border : #cad6e8 solid 1px;
width : 230px;
color : #66CCCC;
background-color : #ebeef2;
padding : 10px;
margin-left : auto;
margin-right : auto;
}
#loginFalconCredit {
font-size : 10px;
text-align : center;
padding-top : 5px;
color : #666666;
}
#loginScreen {
padding-top : 20px;
}
#loginScreen .sideLabel, .sideLabel {
font-weight : bold;
padding-top : 5px;
font-size : 12px;
color : #28588a;
text-align : left;
}
#loginScreen .inputInput {
font-size : 12px;
padding : 3px;
}
#topItem {
font-size : 12px;
text-align : right;
padding-top : 1px;
padding-right : 0;
color : #666666;
font-weight : normal;
}
h1 {
padding-left : 10px;
font-size : 20px;
color : #003300;
}
#breadcrumbs {
padding : 5px 10px 5px 0;
font-size : 11px;
color : #888888;
border-bottom : 1px solid #cccccc;
}
#tableContent {
border : #3CF solid 1px;
margin-left : 10px;
width : 99%;
}
#tableContent th {
text-align : left;
background-image : url(../img/content/header_bar.jpg);
background-repeat : repeat-x;
padding : 2px 10px 2px 10px;
height : 25px;
color : #FFF;
}
#tableContent .tourHeader {
text-align : left;
border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:medium;
background-color:#660066;
padding-left:4px;
height:25px;
color : #FFF;
}

#tableContent .tourHeader_sub1 {
text-align : left;
background-color:#CC99CC;
padding-left:4px;
height:25px;
color : #FFF;
}
#tableContent .subHead {
text-align : left;
background-color : #E4E4E4;
padding : 2px 10px 2px 10px;
}

#tableContent .inputLabel {
background-color : #ebeef3;
padding : 5px 5px 5px 10px;
border-bottom : 2px solid #FFFFFF;
margin-right : 10px;
text-align : right;
width : 150px;
white-space : nowrap;
}
#tableContent .inputArea {
padding-left : 10px;
}
#tableContent .inputInput, .inputInput, .w8em {
font-family : "Trebuchet MS", Verdana, Arial;
padding : 1px;
border : #CCCCCC solid 1px;
font-size : 12px;
}
#tableContent .labelInput {
font-family : "Trebuchet MS", Verdana, Arial;
padding : 1px 1px 1px 1px;
border : #CCCCCC solid 1px;
font-size : 12px;
}
#tableContent .inputList {
font-family : "Trebuchet MS", Verdana, Arial;
padding : 1px;
border : #CCCCCC solid 1px;
font-size : 12px;
}
#tableContent .footer {
text-align : right;
padding : 2px;
background-image : url(../img/content/header_bar.jpg);
background-repeat : repeat-x;
}
#tableContent .contentButtonFooter {
background-color : #f7f3f7;
padding : 3px;
text-align : center;
}
#tableContent .inputButton, .inputButton {
font-family : "trebuchet MS", Verdana, Arial;
font-size : 1.0em;
padding : 0 2px 0 2px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : none;
border-right-color : #CCCCCC;
border-bottom-color : #CCCCCC;
}
#tableContent .inputButtonImage, .inputButtonImage {
font-family : "trebuchet MS", Verdana, Arial;
font-size : 1.0em;
border : none 0;
}
#tableContent .inputButton:hover {
background-color : #E0E0E0;
}
#tableContent .listingHead {
text-align : left;
background-color : #F3F3F3;
padding : 2px 5px 2px 5px;
border-right : 1px solid #B3C5D7;
border-bottom : 1px solid #B3C5D7;
font-weight : bold;
white-space : nowrap;
}
#tableContent .listingHeadRight {
text-align : left;
background-color : #F3F3F3;
border-bottom : 1px solid #B3C5D7;
padding : 2px 5px 2px 5px;
font-weight : bold;
white-space : nowrap;
}
#tableContent .listingContent {
text-align : left;
padding : 2px 3px 2px 3px;
border-right : 1px solid #B3C5D7;
border-bottom : 1px solid #B3C5D7;
}
#tableContent .listingContentRight {
text-align : left;
padding : 2px 3px 2px 3px;
white-space : nowrap;
border-bottom : 1px solid #B3C5D7;
}
#tableContent ul {
padding : 0 0 0 15px;
margin : 0;
list-style-image : none;
list-style-type : circle;
}
#userNotification, #userNotificationError {
border : #a0b0ca solid 1px;
font-size : 0.9em;
padding : 2px 10px 2px 10px;
margin-left : 10px;
width : 99%;
margin-bottom : 10px;
font-weight : bold;
}
#userNotification {
background-color : #efeff7;
}
#userNotificationError {
background-color : #FFCC99;
color : #000000;
}
.xx {
color : #00F;
}
.styleFigure {
border : hidden;
text-align : right;
}
.notes_line {
background-image : linear-gradient(white,white 20px,#ccc 20px, #ccc 21px, white 21px);
background-size : 100% 21px;
border : #ccc solid 1px;
border-radius : 8px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.1) inset;
line-height : 21px;
font-family : Verdana, Geneva, sans-serif;
font-size : 11px;
padding : 4px;
}


.customButton {
  float:none;
  height:32px;
  line-height:32px;
  padding:0 15px;
  color:#fff;
  font-size:14px;
  font-family:arial;
  border-radius:5px; border:hidden 1px rgba(0,0,0,0.5);
  cursor:pointer;
}
.customButton{
background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); 
}
.customButton{
background-image: linear-gradient(rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */  
}

#tableContent .umrahHeader {
text-align : left;
border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:medium;
background-color:hsl(6, 78%, 57%);
padding-left:4px;
height:25px;
color : #FFF;
}

#tableContent .umrahHeader_sub1 {
text-align : left;
background-color:hsl(0, 100%, 75%);
border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:medium;
padding-left:4px;
height:25px;
color:#FFFFFF;
}