* { font-family: "DejaVu Sans", "BPG Ingiri Arial", "BPG Glaho Arial", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", "Arial Unicode MS"; } body { margin: 0; padding: 0; height: 100%; background-color: #FAFAFA; } img { border: 0; } form { margin: 0; padding: 0; } a, a:visited { color: #0074B6; text-decoration: none; } a:hover { color: #952A32; } .wrapper { min-height: 100%; #height: 100%; min-width: 955px; /* width: 955px; */ width: 100%; position: relative; } /* COMMON START */ .en { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; } .ka { font-family: "DejaVu Sans", "BPG Ingiri Arial", "BPG Glaho Arial", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", "Arial Unicode MS"; } .red, .error { color: #FF0000 !important; } .gray, .grey { color: #999999!important; } .smallText { font-size: 75%; } .regularText { font-size: 80%; } .justified, .justifiedTex { text-align: justify; } .footer { position: absolute; bottom: 0px; width: 100%; background: #FFFCE0; border-top: 1px solid #EAEAEA; height: auto; font-size: 8pt; color: #A2A5B8; padding-bottom: 5px; padding-top: 5px; text-align: center; } .footer .set { color: #A2A5B8; font-size: 8pt; } .clear { clear: both; } /*SEARCH START*/ .searchBox { position: absolute; top: 50%; left: 50%; width: 350px; height: 70px; background-color: #FFFFFF; border: 1px solid #C0C0C0; margin-left: -175px; margin-top: -45px; text-align: center; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .searchBox .searchBoxStats { color: #666666; padding-top: 5px; line-height: 150%; font-size: 75%; } .searchBox .searchBoxQuery { width: 250px; padding: 3px; border: 1px solid #008C99; font-size: 90%; height: 30px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .searchBox .searchBoxSubmit { border: 0px; background-color: #008C99; border: 1px solid #008C99; color: #FAFAFA; padding: 3px; height: 30px; width: 80px; font-size: 90%; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .advSearchBox { background-color: #FFFFFF; border: 1px solid #C0C0C0; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 80%; } .advSearchBox .left { width: 150px; float: left; } .advSearchBox .right { float: left; text-align: left; } .advSearchBox .columns { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; } .advSearchBox hr { border: 0px; height: 1px; background-color: #CCCCCC; } .advSearchBox .searchBoxSubmit { border: 0px; background-color: #008C99; border: 1px solid #008C99; color: #FAFAFA; padding: 3px; height: 25px; width: 80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*SEARCH END*/ /* HEADER START */ .header { padding: 10px; height: 50px; background-color: #4082BB; border-bottom: 1px solid #195870; border-left: 1px solid #999999; border-right: 1px solid #999999; margin-left: 10px; margin-right: 10px; } .header .right { float: right; color: #FAFAFA; font-size: 8pt; text-align: right; } .header .right a { color: #3E829B; font-size: 7pt; } .header .right a:hover { color: #8C3F3D; } .header .right { background-color: #EAEAEA; padding: 5px; padding-left: 8px; padding-right: 8px; color: #3E829B; border: 1px solid #3E829B; border-top: 0px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -10px; } /* HEADER END */ .menu { padding-left: 15px; padding-right: 15px; padding-top: 9px; padding-bottom: 9px; font-size: 75%; color: #999999; background-color: #F5F5F5; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; margin-left: 10px; margin-right: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .menu a { font-weight: bold; } .content { padding: 10px; padding-bottom: 60px; } .content h1 { color: #FF4E00; font-weight: bold; font-size: 120%; } .content .searchStats { padding-bottom: 10px; font-size: 80%; color: #7E2341; } .content .searchResults { font-size: 80%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #D9D9D9; padding: 5px; margin-bottom: 5px; } .content .searchResults .itemTitle { color: #999999; } .content .searchResults .itemBody { padding-top: 3px; padding-bottom: 3px; } .content .highlight { color: #FF6723; font-weight: bold; background-color: #FFF8AC; } .leftContent { display: table-cell; width: 250px; min-width: 250px; } .leftMenu { border: 1px solid #D9D9D9; background-color: #FFFFFF; padding: 5px; margin-right: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 80%; line-height: 150%; } .rightContent { display: table-cell; padding-left: 10px; } .rightContent h1 { font-size: 90%; margin-top: 3px; } .blueButton { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #227695; background-color: #2A93BA; color: #FAFAFA; padding: 5px; font-size: 70%; } .blueButton:hover { border: 1px solid #666666; background-color: #006688; cursor:hand; } .blueButton:active { border: 1px solid #666666; background-color: #BA4F47; } .redButton { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #8C3F3D; background-color: #C26B65; color: #FAFAFA; padding: 5px; font-size: 70%; } .redButton:hover { border: 1px solid #666666; background-color: #8C3F3D; cursor:hand; } /* DATA TABLE START */ .dataStats { float: left; font-size: 70%; padding-bottom: 5px; padding-top: 10px; } .dataOptions { float: right; } .dataTable { border-collapse: collapse; padding: 0px; border-spacing: 0px; } .dataTitle { background-color: #4EA3C2; color: #FAFAFA; border: 1px solid #CCCCCC; padding: 3px; font-size: 75%; text-align: center; } .dataTitle a { color: #FAFAFA; } .dataTitle a:hover { color: #FFFA7F; } .dataTitleH { background-color: #4EA3C2; color: #FAFAFA; border: 1px solid #CCCCCC; padding: 3px; font-size: 75%; text-align: left; } .dataRow { border: 1px solid #CCCCCC; padding: 3px; font-size: 75%; vertical-align: middle; } .dataRow input, .dataRow select, .dataFilter input, .dataFilter select { font-size: 9pt; } .dataRow1 { background-color: #FFFEF3; } .dataRow2 { background-color: #FFFDD9; } .dataRowOver { background-color: #DDEDF2; } .dataRowOptions { border: 1px solid #CCCCCC; padding: 3px; white-space: nowrap; font-size: 75%; } .dataRowSubmit { border: 1px solid #CCCCCC; padding: 3px; background-color: #F4F4F4; vertical-align: middle; text-align: center; } .dataRowDesc { font-size: 65%; color: #FF8942; } .dataFilter { background-color:#EAEAEA; padding: 3px; border: 1px solid #CCCCCC; font-size: 75%; text-align: center; } .dataFilterResults { background-color: #F1F4C9; padding: 3px; border: 1px dotted #E6EC9F; font-size: 75%; } .paginate { padding-bottom: 5px; padding-top: 5px; font-size: 80%; } .paginate a { border: 1px solid #008C99; padding-right: 3px; padding-left: 3px; background-color: #E4F1F6; color: #008C99; font-weight: bold; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .paginate a:hover { background-color: #008C99; border: 1px solid #666666; color: #FAFAFA; } .paginate .disabled { border: 1px solid #CCCCCC; padding-right: 3px; padding-left: 3px; background-color: #FFFFFF; font-weight: bold; color: #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .paginate .current { background-color: #008C99; border: 1px solid #666666; padding-right: 3px; padding-left: 3px; font-weight: bold; color: #FAFAFA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* DATA TABLE END */ /* MESSAGE BOX START */ .messageBox { width: 500px; border: 1px solid #CCCCCC; } .messageBox .successTitle { padding: 3px; font-size: 80%; color: #FAFAFA; background-color: #79C659; } .boxBody { padding: 10px; font-size: 80%; background-color: #EFFAC5; text-align: justify; } .boxButtons { padding: 2px; font-size: 80%; background-color: #EFFAC5; text-align: center; } /* MESSAGE BOX END */